Оптимизация загрузки шрифтов на сайте

Несколько приёмов по оптимизации загрузки шрифтов. Использование Google Fonts.
Работа с наборами @font-face. Минимизация числа начертаний, загружаемых символов и не только.
Отзывы от моих студентов: bit.ly/Mkdev-i...
Моя образовательная платформа: bit.ly/Paqmind
Мои курсы:
Бесплатное пособие по веб-инструментарию: bit.ly/Web-Too...
Мультиязычные веб-приложения: bit.ly/Web_App...
Основы разработки на React: bit.ly/React-F...
Приглашаю в свои соц. сети:
Telegram: t.me/Paqmind
LinkedIn: / ivan-kleshnin
Группа ВК: paqmind
Поддержать автора и выпуск новых роликов:
Patreon: / paqmind
(Репост видео со второго канала Paqmind. В обозримом будущем будет обновляться только этот канал)
Следующее видео: • Оптимизация отображени...
Предыдущее видео: • Вариативные шрифты
#frontend #optimization #fonts

[@IvanKleshnin]

В следующем видео будет показано чуть более оптимальное решение (не противоречащее, а дополняющее). Этот ролик - репост, с момента записи которого я продвинулся немного дальше в понимании. Следите за новостями ;)

[@IvanKleshnin]

В видео я показываю пример ограничения символов в латинском варианте шрифта. Однако Google Fonts, по умолчанию, распределяет символы таким образом, что большинство из них входят как раз в латинский вариант. Соответственно, вариант показанный в видео, потеряет числа и спец. символы типа $. Вместо точного перечня латинских символов тут следовало указать точный перечень кириллических. Это ошибка, которую вы 100% обнаружите и исправите самостоятельно, если столкнётесь - упоминаю ради полноты картины. Обращайте внимание на значения свойства unicode-range.

[@andreyzhukov2821]

Добрый день, Иван! Видео очень интересное и особенно актуально для более быстрой загрузки страниц, странно что мало такого контента! Интересует вопрос, каким Вы пользуетесь сервисом для конвертации шрифтов из .TTF в .WOFF(.WOFF2), чтобы при этом сохранялась Кириллица в шрифте? Сервисы, с которыми имел дело, обрезают алфавит Кириллицы, и шрифт оказывается непригодным для использования

[@IvanKleshnin]

Спасибо, Андрей. По вашему вопросу о приложении -- зависит от ОС. У меня osx и соотв. набор специфических для нее пакетов. Лишь малая часть из них кроссплатформенна.

[@IvanKleshnin]

Что касается контента то, как видно из числа подписчиков поделенного на число видео, спроса на такой контент нет. Продвинутый, специализированный, как угодно называйте, контент совершенно себя не оправдывает в плане КПД и канал придется перепрофилировать. С выносом "скучных" для казуального зрителя тем и форматов на Patreon или ещё куда.