Генератор вебшрифтів — створіть набір @font-face
10 / 10Завантажте родину — отримайте набір для власного хостингу: WOFF2 + WOFF для кожного накреслення, одну таблицю стилів @font-face і демосторінку. Усе, щоб одразу додати шрифти в проєкт.
Що входить у набір
Для кожного завантаженого файлу ви отримуєте WOFF2 і WOFF: сучасні браузери беруть легший файл, а старі все одно показують шрифт. Згенерована таблиця стилів оголошує по одному @font-face на кожне накреслення й стиль із font-display: swap, а HTML-демо дає змогу перевірити відображення перед релізом.
Власний хостинг замість CDN
Шрифти на власному хостингу позбавляють зайвого DNS-запиту й з'єднання зі стороннім сервером, дають повний контроль над кешуванням і сабсетингом і не передають дані відвідувачів на зовнішні сервери — поширена вимога GDPR. Пакет для власного хостингу будь-якої відкритої родини також доступний в один клік у бібліотеці шрифтів.
Підключення у три рядки
Скопіюйте теку зі шрифтами в проєкт, підключіть згенеровану таблицю стилів і вкажіть назву font-family у своєму CSS. Додайте preload для WOFF2 основного накреслення тексту, щоб пришвидшити перший рендер.
Генератор вебшрифтів — запитання
WOFF2 як основне джерело й, за бажанням, WOFF як запасний варіант. TTF/OTF і EOT у вебі вже не потрібні.
Поки що ні — він конвертує повний набір символів. Для легшого набору завантажте родину з бібліотеки шрифтів — там є сабсети для окремих писемностей.
Завантажені й сконвертовані файли автоматично видаляються протягом години.
Популярні конвертації
Як працює конвертер шрифтів
Завантажте десктопні шрифти й за лічені секунди отримайте файли, готові для вебу. Конвертер бере на себе всю важку роботу — сабсетинг, стиснення й генерацію форматів, — щоб шрифти швидко завантажувалися в будь-якому браузері.
Підтримувані формати
Конвертуйте між TrueType (TTF), OpenType (OTF), WOFF і WOFF2. WOFF2 стискає найкраще для вебу — до 30% менше за WOFF — і підтримується всіма сучасними браузерами.
Пакетна обробка
Завантажте до 10 файлів шрифтів одночасно й сконвертуйте їх за один раз. Кожен файл обробляється на сервері й пакується в готовий ZIP-архів у вибраних форматах.
Готовий CSS і перегляд
Конвертер генерує CSS-оголошення @font-face з правильною стратегією font-display. До архіву додається HTML-сторінка, щоб перевірити відображення перед публікацією.
Приватність насамперед
Завантажені файли обробляються на сервері й автоматично видаляються після конвертації. Ми нічого не зберігаємо назавжди — ваші шрифти лишаються вашими.
Часті запитання
WOFF2 використовує стиснення Brotli, і файли виходять приблизно на 30% меншими, ніж у WOFF (який стискає zlib). Обидва — формати вебшрифтів, але для сучасних браузерів радять WOFF2: краще стиснення й швидше завантаження. WOFF досі корисний як запасний варіант для старих браузерів.
Так. Конвертер перетворює будь-який підтримуваний вхідний формат (TTF, OTF, WOFF, WOFF2) на будь-який вихідний напряму. Проміжні кроки не потрібні — просто завантажте файл і виберіть цільовий формат.
CSS-дескриптор font-display визначає, як показується текст, поки шрифт завантажується. Значення «swap» (рекомендоване) одразу показує запасний шрифт, а після завантаження підміняє його вебшрифтом. Так текст не зникає під час завантаження сторінки, а показники Core Web Vitals покращуються.
Кожен файл може важити до 10 МБ, а за раз можна завантажити до 10 файлів. Цього вистачає майже для всіх десктопних і вебшрифтів, зокрема великих варіативних.
Більшості сучасних сайтів досить одного WOFF2 — його підтримують понад 97% браузерів у світі. Додайте WOFF як запасний варіант, якщо треба підтримувати старі браузери. TTF і EOT сьогодні потрібні рідко — хіба що для дуже старих систем.