В какой момент браузер подгружает шрифты?
При верстке я "объявляю" в css-файле все виды и размеры используемого шрифта. К примеру, шрифт Raleway содержит 90 файлов .woff2. Однако на страницах я обычно использую из этого множества 3-4 шрифта максимум.
Вопрос
При объявлении всех шрифтов в подключаемом css-файле - браузер будет пытаться всех их загрузить, или будет загружать их по мере использования в стилях страницы?
Ответы (1 шт):
Сначала браузер загружает верстку (html), Потом шрифты и скрипты, прописанные в теге по порядку. Поэтому необходимо подключить css файл со шрифтами раньше остальных стилей.
Если вы используете @font-face, создайте отдельный файл resources.css, пропишите эти @font-face там и вставьте его в верстке выше остальных ваших css файлов.
НО! Почти все шрифты (кроме шрифтов Adobe) есть в интернете и их можно подключить при помощи @import. Например, библиотек шрифтов google fonts при выборе семейства шрифтов и их видов генерирует автоматически @import для вставки. И не нужно прописывать woff, woff2, eot, ttf и другие. Все сделает за вас и сделает проект "легче".