Почему один и тот же шрифт выглядит по-разному на Mac OS и Windows? И как это исправить?

Question

[GreenMan1899]

Вот как выглядит на Windows
Шрифты тут как на макете, все ок.


А на Mac OS они не такие вытянутые как на Windows


Проверялось все на webkit-овском браузере

Шрифт Open Sans.
Подключал через Google Fonts

Comments

[Moskus]

Приведите весь ваш код CSS, который отвечает за выбор шрифта (если это web-шрифт, то и код, которым он подключается). Без этого можно гадать бесконечно.

[GreenMan1899]

Moskus: Короче я невнимательно посмотрел.
Для заголовков там идет не Open Sans, а Liberation Sans Narrow, которого нет в google fonts. Он у меня подключался из стандартных шрифтов операционки, но видимо его нет или не так отображается в Mac.
В итоге вручную подключил его отдельно в различных форматах.

[Moskus]

GreenMan1899: Естественно, чего-то подобного и следовало ожидать.

[Сергей delphinpro]

GreenMan1899: Да тут невооруженным глазом видно, что шрифты разные =)

Answer 1

[Антон Нагаец]

Если не делали сброс стилей браузера то такое будет. Подключите https://github.com/necolas/normalize.css/blob/mast... и посмотрите.

Comments

[GreenMan1899]

Короче я невнимательно посмотрел.
Для заголовков там идет не Open Sans, а Liberation Sans Narrow, которого нет в google fonts. Он у меня подключался из стандартных шрифтов операционки, но видимо его нет или не так отображается в Mac.
В итоге вручную подключил его отдельно в различных форматах.

Answer 2

[GreenMan1899]

Короче я невнимательно посмотрел.
Для заголовков там идет не Open Sans, а Liberation Sans Narrow, которого нет в google fonts. Он у меня подключался из стандартных шрифтов операционки, но видимо его нет или не так отображается в Mac.
В итоге вручную подключил его отдельно в различных форматах.