Задать вопрос

Почему при загрузке сайта виден скачек шрифтов?

Сайт arthata.by
Натянули адаптивную верстку.
Теперь при загрузке сайта видно как меняется шрифт, будто подгружается новый и заменяет старый.
Небольшой скачек.
Как исправить проблему?
  • Вопрос задан
  • 3393 просмотра
Подписаться 4 Оценить Комментировать
Пригласить эксперта
Ответы на вопрос 5
HeadOnFire
@HeadOnFire
PHP, Laravel & WordPress Evangelist
Это называется FOUC - Flash of Unstyled Content. Когда браузер отрисовывает страницу изначально, шрифты еще не догрузились. Когда догрузились - происходит перерисовка. Убрать полностью можно только отправляя сами файлы шрифтов в base64 в основном файле стилей. Тогда шрифт будет доступен сразу вместе с CSS, и все будет ок. Но есть и другой, более корректный способ - HTTP/2 и (в идеале) server push.
Ответ написан
Комментировать
liveunit
@liveunit
Шрифты с какого то cdn тянутся?
Ответ написан
userAlexander
@userAlexander
Верстка наше все)
Сколько языков имеет шрифт?
Возможно слишком тяжелый.
Где подключаете, в секции
Ответ написан
@outcastik
Web Font Loader от гугл
Ответ написан
Комментировать
а как же прелоадер страницы? поставьте и забудьте, кода 2 строчки и пусть прыгает, все равно до полной загрузки страницы никто не увидит, да и эстетично это когда пользователь видит уже загруженную страницу а не прыгающую верстку и шрифты
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы