Раскрываем вопросы: • Как узнать какой шрифт? • Где скачать этот шрифт. • Как подключить шрифт при помощи css. • Расширение Visual Studio Code для работы со шрифтами. Как узнать какой шрифт? Устанавливаем расширение для браузера Fontstorage. На странице сайта с интересным шрифтом нажимаем на значок расширения в правом верхнем углу для того что бы открылась информационная панель. Выделяем нужное слово и смотрим имя шрифта и цвет в информационной панели. Также нажав на кнопку css можно посмотреть...

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