Оптимізація шрифтів 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

Ці оптимізовані шрифти покращать продуктивність вашого сайту та забезпечать швидке завантаження сторінок для користувачів.

Як створити ефективний контент для блогу?

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

Липке меню зі зміною кольору під час прокручування