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

Всех приветствую! Хочу вам рассказать и показать, как подключить и использовать шрифты текста в вашем проекте. Многие начинающие верстальщики задаются таким вопросом, именно поэтому хочу на конкретном примере показать, как это работает! Для начала работы нам необходимо перейти на сайт Google Fonts: Этот инструмент весьма полезен для поиска подходящего нам шрифта. К примеру, мы хотим найти шрифт Roboto. Для этого достаточно найти его в уже выданном столбце, либо ввести в поиске название. После того, как нужный шрифт был найден, необходимо экспортировать его в наш проект...