как сделать загрузку шрифтов из 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&subset=cyrillic" rel="stylesheet">
чтобы при загрузке сразу не тормозило открытие сайта
Ответы (1 шт):
Могу предложить только скачать шрифты и подключить локально. Также какой-нибудь старый .ttf можно конвертировать в woff или woff2. А вообще шрифты должны загружаться довольно быстро. Ну и шрифты типа Roboto, которые есть в ОС подключать не надо.
Font Awesome тоже можно скачать. Далее надо будет просто выбрать нужный вам файл со стилями и перенести из архива папку со шрифтами на хостинг или локальный компьютер. Я обычно использую all.min.scss, но там также есть стили и для less и просто css и даже отдельные категории иконок. Если будете использовать отдельные категории шрифтов, вам надо будет также подключить fontawesome.scss вместе с файлом стилей категории.
Папка со шрифтами называется webFonts. Переносим ее и нужный файл стилей в проект, остальные папки и файлы можно удалить. Если Вам уж так хочется, можно также удалить из папки со шрифтами все .ttf, но они прям мало весят. Далее файл стилей подключаем к сайту до основного файла со стилями и пользуемся иконочными шрифтами.
Ну и конечно можно скачать отдельные иконки не как шрифт, а как картинки в формате .svg Они находятся в нашем архиве в папке svgs Оттуда можно взять всего пару необходимых иконок и не нагружать сайт шрифтами.