@belyaevcyrill

Как сделать, чтобы web-страница не «дёргалась» при загрузке?

Сверстал обычную web-страницу, в которой использую шрифты от Google Fonts. Подключаю их через @include в файле стилей. Например, @import url('https://fonts.googleapis.com/css?family=Roboto:300...').

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

Как сделать так, чтобы не было такого побочного эффекта? Заранее спасибо!
  • Вопрос задан
  • 242 просмотра
Решения вопроса 1
@tural_osmanov
Подключить файл стилей в шапке сайта
Ответ написан
Пригласить эксперта
Ответы на вопрос 2
daemonhk
@daemonhk
ПсиХоПат
1. Подключить шрифты не через ГуглФонтс
2. Сделать прелоадер на всю страницу, а когда страница загрузится, то прелоадер убирать
Ответ написан
Ваш ответ на вопрос

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

Войти через TM ID
Похожие вопросы