2

Я использую шрифт Open Sans (https://fonts.google.com/specimen/Open+Sans). Но когда слова в тексте имеет символ ударения, то Google Chrome отображает только часть слова, что идет после ударения. Интересно, что другие браузеры отображают такие тексты без проблем. Поэтому проблема только с указанным браузером.

Я понимаю, что каждый браузер имеет свой движок. Но все же, есть ли хорошие идеи, как решить или избежать эту проблему?

Сравнение: Comparative Google and Edge rendering

.open-sans-font {
  font-family: "Open Sans";
}
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700&amp;subset=cyrillic" rel="stylesheet">
<div class="open-sans-font">
	<p> філігра́нний — несамови́тий </p>
	<p> філігранний — несамовитий </p>
</div>

1
  • Судя по всему, с этим шрифтом — никак, в нём нет всех символов с диакритическими знаками. Теоретически, шрифт можно разобрать, добавить нужные глифы и тогда будет ок, но проще подобрать похожий шрифт, где все это уже сделано. 15 окт 2017 в 12:47

1 ответ 1

1

Как оказалось, знак ударение относится не к кириллице, а к расширенной латинице (latin-ext).

И, на мой взгляд, при проблемах с поддержкой символов в шрифтах, лучше сразу обращаться к google web fonts API с параметром text=. В моем случае:

<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700&text=АБВГҐДЕЄЖЗИІЇЙКЛМНОПРСТУФХЦЧШЩЬЮЯабвгґдеєжзиіїйклмнопрстуфхцчшщьюя́" rel="stylesheet">

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.