Разница рендеринга Барлоу между страницей примера Google Fonts и использованием на отдельной странице - PullRequest
1 голос
/ 15 марта 2019

Мы используем Barlow, доступный бесплатно от шрифтов Google, в веб-приложении.Вот как выглядит пример фразы при выводе на пример страницы Google .(Если вы хотите воспроизвести его, вам нужно будет ввести собственный текст и настроить ползунок на 14px.)

A sample phrase rendered in Barlow at Google Fonts

Примечание,в частности, четкое пространство между нижней частью i и его точкой выше, а также четкость верхней части f.

Так выглядит одна и та же фраза при визуализации внаше приложение, воспроизведенное в этой кодовой ручке .

The same sample phrase rendered in Barlow on Code Pen using Google Fonts

Обратите внимание на грязное пространство между i и его точкой,а также мутная верхняя кривая к f.

Я попытался просмотреть все стили на рассматриваемых элементах, и я не могу найти стиль, который бы влиял на них по-разному.Вкладка сети ясно показывает, что загружается жирный шрифт;это не выглядит, как будто это может быть faux bold.

Это может показаться тривиальным, но у нас на самом деле было довольно много жалоб на то, как шрифт выглядит в нашем приложении, особенно на то, что жирный шрифт в нижнем регистре i выглядит как l.

У кого-нибудь есть идеи, что здесь может происходить?

Обновление: Использование Chrome на Mac;Я могу подтвердить ту же проблему в Firefox.Это на внешнем дисплее ... на сетчатке нет проблем, так как есть больше деталей.

...