Как сделать, чтобы не «дёргался» текст?

Question

[Кирилл]

Когда использую на web-странице шрифты, загружаемые с Google Fonts, то почему-то почти весь текст страницы "дёргается", пока не загрузится весь шрифт.

Как сделать, чтобы не было такого эффекта?

Answer 1

[Александр Миранович]

Используй font-face и если это не поможет, то перегони файлы шрифтов в base64

Comments

[Дмитрий Королёв]

Ни font-face ни base64 не защитят от FOUC

[Александр Миранович]

Не знаю, у меня была таже проблема, что текст дергался в хроме из за долгой подгрузки шрифта, после того, как я перевел в base64 то избавился от этой проблемы

[Кирилл]

Александр Миранович: как это делается? Можно по пунктам

[Александр Миранович]

Кирилл: blog.toliklunev.ru/?go=all/cssfont

[Александр Миранович]

Если нужен ие8 то для него отдельно подключаешь .eot

[Кирилл]

Александр Миранович: спасибо!