Вот моя проблема. Использование шрифта Google Webfont под названием «PT Sans Narrow» в проекте сайта. В предисловии, FF и IE отлично это показывают. Браузеры Webkit - это немного другая история, шрифт загружается правильно, но когда я комбинирую его с «letter-spacing: -.05em», я получаю короткую текстовую загрузку, где я вижу веб-шрифт без кернинга - застревает там для доли секунды, а затем обновляется до окончательного, корректно кернированного вида. Я могу описать это скорее как эффект «рогатки», чем что-либо другое - имеет ли это смысл?
Я использую сценарий загрузки .wf, чтобы убедиться, что нет FOUT.
это мой CSS
.sansNarrow {font-family: 'PT Sans Narrow', sans-serif; letter-spacing: -.05em; font-weight: bold;}
и я просто вызываю класс sansNarrow там, где он мне нужен в моем HTML
Мой вопрос: у кого-нибудь еще была эта проблема, и найдено ли жизнеспособное решение?
Я попытался создать функцию jquery, которая заставляет ".sansNarrow" появляться / исчезать через 300 мс после загрузки страницы, но она полагается на установку исходного класса на "display: none" и не является жизнеспособным вариантом, если JS отключен .
Заранее спасибо!