6. CSS шрифты — способы подключения, правило font-face, свойство font и другие параметры
Как подключить локально веб-шрифт или как «подружиться» со свойством @font-face
Конечно, всегда есть вариант подключить шрифт с сервиса Google Fonts и это очень просто — копируешь ссылку, подключаешь к html-файлу и «вжух»! Всё работает.
Но этот способ подходит не всегда, иногда приходится подключать шрифт локально, скачивать, разархивировать и подключать из папки...
Подключение шрифтов в CSS
@font-face - правило, которое позволяет указать шрифты для отображения текста на веб-страницах, которые могут быть загружены либо с удаленного сервера, либо с компьютера пользователя. @font-face позволяет разрабатывать контент не ограничиваясь набором "безопасных" шрифтов (шрифтов, которые настолько распространены, что считаются доступными по умолчанию). Возможность определить локально установленный шрифт позволяет более гибко настраивать шрифты не полагаясь на соединение с интернетом. Большое количество открытых для скачивания шрифтов вы можете найти на Google fonts...