Шрифты на сайте, влияет ли на загрузку сайта?

Question

[MaximMRX]

Доброго времени суток. Задался таким вопросом.
- Как происходит загрузка шрифтов со стороны браузера? Я вижу это так. Подключается css файл, в нем шрифты указаны. и браузер их подтягивает уже.
Допустим 3 начертания, каждое примерно весит ~50кб. Итог уже 150кб.
- Как влияет это на загрузку сайта?
- Шрифты асинхронно грузятся с сайтом?
- И стоит ли вообще тянуть в проект шрифты кастомные? Или же использовать какие нибудь системные?

Answer 1

[yakupov112]

Влияют. На некоторых сайтах можно увидеть как прогружается страница, а потом подгружаются шрифты. Грузятся в зависимости от того в каком месте будут указаны, хотя можно настроить и асинхронную загрузку всей статики. Кастомные шрифты добавят индивидуальности, но не стоит слишком перегружать ими сайт. Для некоторых брауезров нужны специальные файлы шрифтов (eot, wof..). Для их получения можно воспользоваться специальными генераторами. Например https://transfonter.org/. Так же, когда подключаешь шрифты, можно указать флаг, на то что, если будет присутствовать локальная версия шрифта, то он не будет загружаться с сайта

Comments

[MaximMRX]

Что вы имеете введу смотря в каком месте указаны? Допустим большой css файл размер его допустим ~1мб, в начале файла подключаются шрифты. Будет ли выполнять css файл пока шрифты загружаются? Как это происходит? Или же место подключения шрифтов в файле не имеет значения?
- Насчет всего остального что написали я ознакомлен.