Мерцание шрифта при динамической загрузке новых файлов css

Я использую загрузчик веб-шрифтов Google для загрузки моих веб-шрифтов с помощью обратного вызова, и он работает нормально.

Хотя, когда загружается пара компонентов: кнопка Google +1, виджет поиска в Twitter и кнопка «Добавить», они добавляют новую таблицу стилей в DOM и заставляют браузер снова отображать сайт. Это вызывает исчезновение шрифта, а затем его отображение для каждой новой таблицы стилей, добавленной в dom.

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

Энди подсказывает, как заставить шрифт-лицом к лицу, чтобы не перерисовывать или как заблокировать динамически загружаемый CSS из скриптов Google, Twitter и FB для встраивания?

Обновление: демонстрация здесь http://kristoferforsell.com/dev/fontexample/

16
задан user192965 22 November 2011 в 14:22
поделиться