Начиная с 2014 года, в Chrome по-прежнему существует известная ошибка, при которой, если на используемом веб-шрифте установлена локальная копия, он решает использовать локальную версию, что вызывает проблемы с отображением OP.
Чтобы исправить это, вы можете сделать следующее:
Сначала выберите целевой браузер Chrome или OSX (для меня проблема была только в OSX Chrome).Я использовал этот простой JS для быстрого обнаружения браузера / ОС, вы можете сделать это любым другим способом, к которому вы привыкли:
https://raw.github.com/rafaelp/css_browser_selector/master/css_browser_selector.js
Теперь, когда вы можете настроить таргетингв браузере / операционной системе создайте следующий «новый» шрифт:
@font-face {
font-family: 'Custom PT Sans';
src: url(http://themes.googleusercontent.com/static/fonts/ptsans/v6/jKK4-V0JufJQJHow6k6stALUuEpTyoUstqEm5AMlJo4.woff) format('woff');
font-weight: normal;
font-style: normal;
}
URL-адрес шрифта тот же, что используется вашим браузером при встраивании веб-шрифта Google.Если вы используете любой другой шрифт, просто скопируйте и измените URL соответствующим образом.
Получить URL можно здесь http://fonts.googleapis.com/css?family=PT+Sans:400,700&subset=latin,latin-ext
Вы также можете переименовать свой псевдоним @ font-face для собственного семейства шрифтов.
Создать простое правило CSS, чтобы использовать этот таргетинг шрифта.Браузер / ОС или оба:
.mac .navigation a {
font-family: "Custom PT Sans", "PT Sans", sans-serif;
}
Или
.mac.webkit p {
font-family: "Custom PT Sans", "PT Sans", sans-serif;
}
Готово.Просто применяйте правило семейства шрифтов везде, где вам нужно.