Урок 12: Подключение нестандартных Шрифтов в HTML на сайте

Подключение шрифтов пытались реализовать ещё в HTML 4, не смотря на то, что механизм на первый взгляд кажется простым, но из-за того, что форматы шрифтов разные, а разные браузеры поддерживают разные шрифты возникает проблема в том, чтобы создать кросс-браузное решение со шрифтами, которое будет работать везде.
Старые подходы заменяли текст на картинки, что делало невозможным анализировать контент поисковым системам. Подключение одного или двух форматов создавало проблемы, что на определённых браузерах или операционных системах меню не помещалось в одну строку и в задумке красивый дизайн превращался в тихий ужас.

Как написало в гугле:

Красивый и удобный шрифт - неотъемлемая составляющая хорошего сайта. Благодаря ему нам доступен привлекательный дизайн бренда, более простое чтение текста и удобный интерфейс. Но веб-шрифты дают нам дополнительные возможности! Они позволяют выбрать, найти и увеличить текст в любой момент. Кроме того, надписи не будут зависеть от разрешения экрана и останутся четкими на всех устройствах.

Оптимизация шрифтов - это одно из важнейших действий для улучшения производительности страницы. Каждый шрифт - это отдельный ресурс, и некоторые из них могут блокировать отрисовку текста. Однако сам факт того, что на странице есть шрифты, не означает, что она будет обрабатываться медленнее. Наоборот, оптимизированный шрифт в сочетании с продуманной стратегией загрузки и применения поможет уменьшить общий размер страницы и ускорит ее обработку

Но не всё так печально, сейчас уже многие научились грамотно подключать шрифты и как это делать я расскажу Вам в этом уроке.