Как отобразить одинаковый вес шрифта на ПК и мобильном телефоне? - PullRequest
Новая
       18

Как отобразить одинаковый вес шрифта на ПК и мобильном телефоне?

0 голосов
/ 06 июля 2019

Я пытаюсь отобразить шрифт Google Proxima Nova на своем сайте, реализуя его следующим образом: 

@import url('https://fonts.googleapis.com/css?family=Proxima+Nova:400,600,700&subset=latin,latin-ext');

Когда я устанавливаю шрифт весом 700, он хорошо отображается наПК и Android Chrome.
Проблема в том, что когда я изменяю вес шрифта на 600 (полужирный), на ПК выглядит так, как должен, а на мобильном - 700 (жирный).Я читал, что когда вес шрифта не существует, браузер автоматически выбирает ближайший.Это проблема с загрузкой?Android не загружает шрифт весом 600?

Редактировать:
Теперь я заметил, что верхний регистр S в Android имеет два края, абсолютно горизонтальные, в то время как напк, на всех весах они под 45 градусов.
Теперь я думаю, что это больше не проблема с загрузкой.

Возможно, шрифт в шрифтах Google отличается на разных устройствах.

Редактировать 2:
Вот скриншоты.screenshots
Я слепой или они совершенно разные?



Что я должен делать?

1 Ответ

1 голос
/ 06 июля 2019

Кажется, это ошибка в Chrome для обработки шрифтов Android локальными шрифтами.

При импорте шрифтов создается что-то вроде этого: 

src: local('Proxima Nova Bold'), local('ProximaNova-Bold'), url(https://fonts.gstatic.com/l/font?kit=FwZD7-Am2FI_-VOxaLDvvq2zGUau84_G&skey=470ea9b7edd795d7&v=v11) format('woff2');

ВместоВозвращаясь к источнику URL, он просто использует шрифт Android по умолчанию в качестве запасного ( Roboto )

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

...