Webkit, проблемы с межбуквенным шрифтом - PullRequest
1 голос
/ 28 марта 2012

Вот моя проблема.Использование Google Webfont под названием «PT Sans Narrow» в проекте сайта.В предисловии FF и IE показывают это отлично.Браузеры Webkit - это немного другая история, шрифт загружается правильно, но когда я объединяю его с «межбуквенным интервалом: -.05em», я получаю краткую текстовую загрузку, где я вижу веб-шрифт без кернинга - придерживаетсядоли секунды, а затем обновляется до окончательного корректного вида.Я могу описать его как нечто большее, чем эффект «рогатки», чем что-либо еще, - если это имеет смысл?

Я использую скрипт .wf-loading, чтобы убедиться, что FOUT нет.


это мой CSS

.sansNarrow {font-family: 'PT Sans Narrow', sans-serif; letter-spacing: -.05em; font-weight: bold;}

, и я просто называю класс "sansNarrow", где он мне нужен, в моем HTML


Мой вопрос: кто-нибудь еще имелэта проблема, и было ли найдено жизнеспособное исправление?

Я пытался создать функцию jquery, которая заставляет ".sansNarrow" появляться / исчезать через 300 мс после загрузки страницы, но она полагается на установку исходного класса равным«display: none» и не является жизнеспособным вариантом, если JS выключен.

Заранее спасибо!

1 Ответ

1 голос
/ 30 марта 2012

Похоже, что браузеры Webkit не принимают letter-spacing ниже, чем -0.07em для PTSans ...

Проверьте эту страницу, может быть полезно:
@ font-face и межбуквенный интервал в webkit

...