sfd
Подключение и оптимизация Веб-Шрифтов.
Подключение, оптимизация, FOIT/ FOUT/FOFT, font-display, предзагрузка, глифы. Для начала стоит выбрать правильный формат шрифта. Нам идеально подходят WOFF и WOFF2 — форматы, которые отличаются высокой степенью сжатия. WOFF2 — усовершенствованная версия предшественника, этот формат можно считать лучшим из существующих. Тем не менее, поддержка WOFF2 хотя и очень хорошая, но пока не абсолютная, поэтому в качестве подстраховки для не самых современных браузеров стоит использовать WOFF. Подключение шрифтов с помощью Google Fonts...
Как подключить локально веб-шрифт или как «подружиться» со свойством @font-face
Конечно, всегда есть вариант подключить шрифт с сервиса Google Fonts и это очень просто — копируешь ссылку, подключаешь к html-файлу и «вжух»! Всё работает.
Но этот способ подходит не всегда, иногда приходится подключать шрифт локально, скачивать, разархивировать и подключать из папки...