Шрифт не отображается правильно в разных масштабах и размерах дисплея - PullRequest
Новая
       22

Шрифт не отображается правильно в разных масштабах и размерах дисплея

2 голосов
/ 07 апреля 2019

Я использую: font-family: "Helvetica LT Bold",sans-serif; шрифт на моей странице 

@font-face {
font-family: "Helvetica LT";
src: url("/assets/fonts/HelveticaLTStd-Roman.ttf") format("ttf"),
     url("/assets/fonts/HelveticaLTStd-Roman.woff") format("woff"),
     url("/assets/fonts/HelveticaLTStd-Roman.woff") format("otf");
font-weight: normal;
font-style:  normal;

} 

@font-face {
font-family: "Helvetica LT Bold";
src: url("/assets/fonts/HelveticaLTStd-Bold.ttf") format("ttf"),
     url("/assets/fonts/HelveticaLTStd-Bold.woff") format("woff"),
     url("/assets/fonts/HelveticaLTStd-Bold.otf") format("otf");
font-weight: lighter;
font-style:  normal;

}

и в разных масштабах текст выглядит кривым и отображается некорректно. Например, он работает с хромом на 100%, 125%, но не с 75%, 80% и т. Д., Край не работает на 100%. Можно ли как-то исправить эту проблему, не переходя на другой шрифт? Вот пример. enter image description here

Вы можете видеть, что буквы отображаются странно

1 Ответ

1 голос
/ 08 апреля 2019

Helvetica LT не является веб-безопасным шрифтом.

У меня была эта проблема несколько лет назад, и в конце концов мне пришлось переключиться на новый шрифт, чтобы остановить эту проблему.

Для справкивыбирая безопасный веб-шрифт попробуйте это:

https://www.cssfontstack.com/

...