как сделать загрузку шрифтов из fonts.googleapis.com после загрузки страницы?

<link href="https://fonts.googleapis.com/css?family=Montserrat:400,700,900%7COpen+Sans:300,300i,400,400i,600,600i,700,700i&amp;subset=cyrillic" rel="stylesheet">

чтобы при загрузке сразу не тормозило открытие сайта


Ответы (1 шт):

Автор решения: Konstantin_SH

Могу предложить только скачать шрифты и подключить локально. Также какой-нибудь старый .ttf можно конвертировать в woff или woff2. А вообще шрифты должны загружаться довольно быстро. Ну и шрифты типа Roboto, которые есть в ОС подключать не надо.

Font Awesome тоже можно скачать. Далее надо будет просто выбрать нужный вам файл со стилями и перенести из архива папку со шрифтами на хостинг или локальный компьютер. Я обычно использую all.min.scss, но там также есть стили и для less и просто css и даже отдельные категории иконок. Если будете использовать отдельные категории шрифтов, вам надо будет также подключить fontawesome.scss вместе с файлом стилей категории.

Папка со шрифтами называется webFonts. Переносим ее и нужный файл стилей в проект, остальные папки и файлы можно удалить. Если Вам уж так хочется, можно также удалить из папки со шрифтами все .ttf, но они прям мало весят. Далее файл стилей подключаем к сайту до основного файла со стилями и пользуемся иконочными шрифтами.

Ну и конечно можно скачать отдельные иконки не как шрифт, а как картинки в формате .svg Они находятся в нашем архиве в папке svgs Оттуда можно взять всего пару необходимых иконок и не нагружать сайт шрифтами.

→ Ссылка