Подключение, оптимизация, FOIT/ FOUT/FOFT, font-display, предзагрузка, глифы. Для начала стоит выбрать правильный формат шрифта. Нам идеально подходят WOFF и WOFF2 — форматы, которые отличаются высокой степенью сжатия. WOFF2 — усовершенствованная версия предшественника, этот формат можно считать лучшим из существующих. Тем не менее, поддержка WOFF2 хотя и очень хорошая, но пока не абсолютная, поэтому в качестве подстраховки для не самых современных браузеров стоит использовать WOFF. Подключение шрифтов с помощью Google Fonts...
Подключать будем, используя директиву @import, можно юзать и @font-face, конечно. Но об этом я расскажу в другой инструкции. Итак,... 1. Перейдите на fonts.google.com 2. Напишите в поисковой строке название семейства шрифтов, которое хотите подтянуть в проект 3. Кликаете на шрифт, который Вас интересует. После этого Вас перекинет на подробную страницу 4. Выбираете стиль. Напротив подходящего есть значок +. Кликаете на него 5. Кликаете на кнопку просмотра(если вы добавили новый стиль шрифта, то появится красная точка в верхнем левом углу кнопки) 6...