Восстановить текст без стиля, когда веб-шрифты загружаются медленно?

Я использую веб-шрифты Google, например:

@font-face {
  font-family: "Vollkorn";
  font-style: normal;
  font-weight: normal;
  src: local('Vollkorn Regular'), local('Vollkorn-Regular'), url('http://themes.googleusercontent.com/static/fonts/vollkorn/v2/BCFBp4rt5gxxFrX6F12DKnYhjbSpvc47ee6xR_80Hnw.woff') format('woff');
}
body {
    font-family: "Vollkorn", Georgia, Times, serif;
}

Работая в Chrome, отсутствует «мигание нестилизованного текста» (как описано в этом сообщении в блоге Typekit ). Вместо этого текст не загружается вообще, пока не завершится загрузка веб-шрифта.

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

Есть ли умный способ сначала показать текст на языке Джорджии, а затем добавить начертание шрифта Vollkorn после загрузки ресурса?

Думаю, я хочу сказать, что на самом деле я бы предпочел «вспышку нестилизованного текста», а не пустой страницу, и хотели бы применить это поведение.

12
задан Richard 5 December 2011 в 18:37
поделиться