Оптимизация шрифтов Inter

В процессе оптимизации были следующие изменения шрифтов:

🔍 Что было вырезано?

  • Удалены все ненужные символы, кроме:
    • Латинского алфавита (A-Z, a-z, цифры, знаки препинания)
    • Кириллического алфавита (А-Я, а-я, цифры, знаки препинания)
    • Расширенного кириллического диапазона (некоторые дополнительные символы)
    • Основных типографских символов (тире, кавычки и др.)

  • Удалены лишние таблицы шрифта, относящиеся к:
    • Другим языкам (например, греческий, арабский и т. д.)
    • Ненужным OpenType-фичам, не влияющим на отображение кириллицы и латиницы

Какие улучшения в файлах?

  • Снижен размер файла за счёт удаления ненужных символов
  • Оптимизирована структура шрифта, что ускоряет рендеринг в браузерах
  • Формат WOFF2, обеспечивающий лучшую компрессию и быструю загрузку

🔥 Оптимизация веса шрифтов

ШрифтИсходный размер (КБ)Оптимизированный размер (КБ)Уменьшение (%)
InterDisplay-Regular106.39 КБ19.61 КБ🔻 81.57%
Inter-Medium111.67 КБ20.78 КБ🔻 81.39%
InterDisplay-Light110.33 КБ20.02 КБ🔻 81.86%
InterDisplay-SemiBold111.11 КБ20.35 КБ🔻 81.68%

Все файлы стали примерно в 5 раз легче! 📉🚀 Это значительно ускорит загрузку сайта и уменьшит нагрузку на трафик пользователей.

📁 Готовые файлы:

InterDisplay-SemiBold
InterDisplay-Regular
Inter-Medium
InterDisplay-Light

Основы веб-разработки: Обзор основных концепций и технологий

Как создать эффективный контент для блога?

Быстрый и простой способ скрыть колонки (и не только)