Всем привет! В этой статье я расскажу как подключить любые шрифты на сайт с помощью CSS. В мой проект необходимо подключить шрифты CoFo Sans и Gilroy. Я буду использовать все жирности от 100 до 900. Вот таблица значений жирности шрифтов: Такую конструкцию мы вставляем столько раз, сколько необходимо подключить начертаний шрифтов...

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