Recommended Posts

Здравствуйте.
При выделении подключаемый шрифт на сайте рендерится по разному на macOS и Windows.
Браузер Chrome последней версии.
Вот так шрифт отображается на ОС Windows - идеально расположен по центру
Снимок экрана 2019-06-11 в 16.22.03.png

 

А вот так уже на macOS. Шрифт смещен с центра к верху.

Снимок экрана 2019-06-11 в 16.22.33.png

 

Сталкиваюсь не в первый раз с этой проблемой. В чем может быть проблема? Возможно кто-то сталкивался с подобным? В какую сторону копать в таком случае?

Edited by Temiks

Share this post


Link to post
Share on other sites

Шрифт кастомный, скачанный с Интернета. Называется 'Jikharev'.
В прошлый раз, когда сталкивался с подобным, был другой шрифт, но тогда решили шрифт заменить на похожий с google fonts.

Share this post


Link to post
Share on other sites

Если отталкиваться от сложного пути то следует начать с метрик шрифтов — Погружение в CSS: метрики шрифтов, line-height и vertical-align

Если посмотреть на разницу Ваших примеров то можно поспорить — какой из скринов "корректный"?

Дело в том, что в примере под Windows — присутствует "излишний" отступ сверху, над текстом. В то же время под macOS высота строки в точности от нижней границы символов до верхней. От сюда следует понимать "по-центру" — это субъективное мнение.

Разница в математических расчетах.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Similar Content

    • By vkapas
      Подключаю с Google Fonts Open Sans Condensed, но какому бы не элементу не присваивал, вместо него браузер всегда рендерит системный шрифт — Liberation Serif в Ubuntu и Times New Roman в Windows.
      Другие шрифты, Open Sans или Roboto, например, применяются исправно, а именно с Open Sans Condensed загвоздка. Подключаю так (на самом деле эту строку генерит шаблон Drupal, я только указываю название шрифта в настройках темы):
      <link type="text/css" rel="stylesheet" href="//fonts.googleapis.com/css?family=Open+Sans+Condensed" media="all"> В итоге:
       
       
      В чём может быть причина такого поведения?
    • By Frogg
      Здравствуйте, я бы хотел использовать пиксельных шрифт на сайте, скачал его из интернета, но не понял как использовать его.
      Интернет обсёрфил, не нашёл.
      Помогите пожалуйста.
    • By Anastasiya
      Подскажите как найти автора шрифта - на сайте https://www.myfonts.com есть имя автора но контактов нет, и как купить шрифт у автора?
  • Member Statistics

    46,330
    Total Members
    3,128
    Most Online
    TimofejUS
    Newest Member
    TimofejUS
    Joined
  • Recently Browsing   0 members

    No registered users viewing this page.