Как подключить любой шрифт к сайту локально
Как подключить локально веб-шрифт или как «подружиться» со свойством @font-face
Конечно, всегда есть вариант подключить шрифт с сервиса Google Fonts и это очень просто — копируешь ссылку, подключаешь к html-файлу и «вжух»! Всё работает.
Но этот способ подходит не всегда, иногда приходится подключать шрифт локально, скачивать, разархивировать и подключать из папки...
Как подключить Google Fonts локально и ускорить сайт
Многие владельцы сайтов до сих пор используют Google Fonts напрямую. На первый взгляд — удобно: вставил одну строчку кода, и нужный шрифт работает. Но у этого способа есть три больших минуса: 💡 Решение простое — подключить шрифты локально. А пошаговую инструкцию можно найти на сервисе HostInside. На странице «Шрифты Google Fonts локально» собрана пошаговая инструкция: Всё занимает 5–10 минут даже у новичка. @font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
src: url('/fonts/roboto-regular...