Im использует шрифт "Lato" из веб-шрифтов google и его отображение отлично на всех браузерах, кроме сафари.
Im, используя его в font-weight:100;
Вот несколько скриншотов различных браузеров. Любая идея, что может привести к тому, что она будет очень тонкой? Или если это способ, я могу настроить его для отображения в font-weight:300; только для сафари?
Ive также сделал js скрипку проблемы - http://jsfiddle.net/qLHuc/1/
FIREFOX
CHROME
SAFARI
Я не уверен, почему, но Safari отключает подпиксельную антиализацию при небольших размерах шрифтов на этой странице. Вы можете исправить это, применив -webkit-font-smoothing: subpixel-antialiased. См. Здесь: http://jsfiddle.net/qLHuc/3/
Однако, я думаю, вам стоит подумать об использовании более тяжелого шрифта. Вы тестировали это на Windows? Вероятно, он выглядит очень, очень светлым. OSX очень сильно обрабатывает текст, когда включена функция сглаживания подпикселей, и особенно сильно, когда текст направлен против темного или цветного фона. То, что вы видите на скриншоте Safari, похоже на то, что люди, которые не находятся на OSX, будут видеть.
У меня также возникла аналогичная проблема, когда я пытался использовать шрифты google с шрифтом-весом: 300 - он отлично работает во всех браузерах, кроме сафари.
Я решил это, добавив ниже свойство css.
-webkit-font-smoothing: сглаживание;
Я столкнулся с подобной проблемой, которая появилась точно так же. Я использовал CSS font-weight: lighter;, используя эту ссылку на шрифт google:
http://fonts.googleapis.com/css?family=Lato:300,400
Как-то он показывал 100 вес! Итак, я теперь явно использую font-weight:300;, чтобы получить то, что хочу. Я не уверен, но я считаю, что это, вероятно, имеет отношение ко мне с шрифтом в моей системе, и Google предлагает, чтобы мой компьютер использовал системный шрифт, прежде чем загружать его снова... Не понял бы это без этого Q и A, спасибо!