Идентичное отображение шрифта Lobster 1.4

[Светлана Г.]

Здравствуйте!

Столкнулась с проблемой отображения шрифта на компьютере Заказчика и моем.

У Заказчика Mac, шрифт у него выглядит жирнее, у меня Windows.

 

Сейчас подключаем с Google. 

Как решить данную проблему, чтобы у всех было одинаково?

Попробую подключить через @font-face с помощью http://www.fontsquirrel.com/

 

Теперь вопрос: как правильно настроить его?

Edited February 5, 2015 by Светлана Г.

[antonKar]

Сейчас подключаем с Google. 

 

 

У гугловых шрифтов периодически бывают заглюки в отображении некоторых шрифтов на некоторых браузерах (с ходу могу вспомнить проблемы с Fira Sans то ли на Маке, то ли на IE8).

 

 

Если есть какие-то проблемы, то лучше цеплять через font-face. В настройке шрифтовой белки достаточно выставить параметры вот так: http://li.tl/i/p/eNW0M.png

Edited February 5, 2015 by antonKar

[Светлана Г.]

Спасибо! Получилось. Буду ждать ответа Заказчика.

[Светлана Г.]

Теперь проблема в отображении шрифта Open-sans.

 

Верхняя картинка - отображение в макете, нижняя - у заказчика на Mac в браузере.

Отображение у заказчика более жирное, расстояние между символами меньше нарисованного.

Как можно решить эту проблему?

[antonKar]

Отображение у заказчика более жирное, расстояние между символами меньше нарисованного.

 

 

Подключайте через шрифтовую белку, а вообще это не проблема: у каждого браузера свой рендеринг шрифтов, тем более кастомных.

[Светлана Г.]

А если использовать эти свойства?

 

-webkit-font-smoothing:antialiased;

text-rendering: optimizeLegibility;

[Светлана Г.]

Вот  это свойство исправило ситуацию: -webkit-font-smoothing:antialiased;