Возможно ли иметь браузерные шрифты? - PullRequest
Новая
       23

Возможно ли иметь браузерные шрифты?

0 голосов
/ 24 октября 2019

У меня есть веб-приложение, использующее шрифт Quicksand. Он хорошо выглядит в браузере Chrome, но с Firefox и Microsoft Edge он не очень хорошо смотрится с любым персонажем с тонким краем, например D, P, R или T.

Примерс заглавной буквы D Firefox

Пример с заглавной буквы D Chrome

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

1 Ответ

0 голосов
/ 24 октября 2019

Сначала вам нужно знать контекст вашего браузера (вы можете сделать это самостоятельно или выбрать пакет, исходя из того, насколько подробным должен быть отчет агента). Затем:

Компонентный подход

Если вы используете CSS в библиотеке JS (styledComponents, JSS, ...), это очень просто. Вам просто нужно запросить контекст вашего браузера и создать вокруг вашего приложения элемент-обертку, который будет устанавливать правильные шрифты с помощью какого-то общего селектора, например *.

Подход VanillaJS

Имейте каждый шрифт в одной таблице стилей (может быть, в чем-то вроде глобальной таблицы стилей или таблицы, которая предназначена только для шрифтов) и измените класс <body /> в зависимости от вашего контекста.

...