Как наилучшим образом убрать мерцание текста при загрузке шрифтов в Хроме без прелоадеров и т.п.?

Question

[Алексей Николаев]

Доброго дня.
Речь идет о так называемом FOIT, который успешно побежден при помощи кэширования во всех браузерах, даже в IE, только Chrome, как всегда, отличился. Firefox отрабатывает идеально: при переходах между страницами не наблюдается вообще никаких артефактов. IE просто на некоторое время заменяет пользовательский шрифт стандартным, но это терпимое поведение, а в Chrome на 1-2 секунды просто белый фон, несмотря на то, что:
- не используется CDN
- установлены заголовки Expires, Cache-Control, включен Etag
- везде используется woff очень маленького размера
- font-face включает в себя фоллбэки с безопасным шрифтом (который 100% есть локально) и семейством

Знаком также с некоторыми способами, вроде "скрыть страницу, пока все не загрузится" или "скрыть текст, пока шрифты не загрузятся", но такие костыли - настоящий ужас. Видел и способы асинхронной загрузки с CDN, с прелоадером, что тоже не идеал, тем более, что шрифт весит всего 50кб - вместо текста будет мигать прелоадер. Приглянулся только вариант с хранением шрифтов в base64 и localStorage, но разве нет более простых и нативных вариантов?

Как быть, есть ли альтернативы?

Comments

[Александр]

В header поместить подключение шрифтов

Answer 1

[Алексей Николаев]

Альтернатив не существует. Увы, но это хромой.