Шрифт "Lato" нечетный в сафари, а не в хроме или Firefox

Im использует шрифт "Lato" из веб-шрифтов google и его отображение отлично на всех браузерах, кроме сафари.

Im, используя его в font-weight:100;

Вот несколько скриншотов различных браузеров. Любая идея, что может привести к тому, что она будет очень тонкой? Или если это способ, я могу настроить его для отображения в font-weight:300; только для сафари?

Ive также сделал js скрипку проблемы - http://jsfiddle.net/qLHuc/1/

FIREFOX

enter image description here

CHROME

enter image description here

SAFARI

enter image description here

Ответы

Ответ 1

Я не уверен, почему, но Safari отключает подпиксельную антиализацию при небольших размерах шрифтов на этой странице. Вы можете исправить это, применив -webkit-font-smoothing: subpixel-antialiased. См. Здесь: http://jsfiddle.net/qLHuc/3/

Однако, я думаю, вам стоит подумать об использовании более тяжелого шрифта. Вы тестировали это на Windows? Вероятно, он выглядит очень, очень светлым. OSX очень сильно обрабатывает текст, когда включена функция сглаживания подпикселей, и особенно сильно, когда текст направлен против темного или цветного фона. То, что вы видите на скриншоте Safari, похоже на то, что люди, которые не находятся на OSX, будут видеть.

Ответ 2

У меня также возникла аналогичная проблема, когда я пытался использовать шрифты google с шрифтом-весом: 300 - он отлично работает во всех браузерах, кроме сафари.

Я решил это, добавив ниже свойство css.

-webkit-font-smoothing: сглаживание;

Ответ 3

Я столкнулся с подобной проблемой, которая появилась точно так же. Я использовал CSS font-weight: lighter;, используя эту ссылку на шрифт google:

http://fonts.googleapis.com/css?family=Lato:300,400

Как-то он показывал 100 вес! Итак, я теперь явно использую font-weight:300;, чтобы получить то, что хочу. Я не уверен, но я считаю, что это, вероятно, имеет отношение ко мне с шрифтом в моей системе, и Google предлагает, чтобы мой компьютер использовал системный шрифт, прежде чем загружать его снова... Не понял бы это без этого Q и A, спасибо!