Конвертер шрифтів — TTF, OTF, WOFF та WOFF2

Онлайн-конвертер шрифтових файлів. Читає TTF, OTF, WOFF, WOFF2 і колекції TrueType, записує WOFF2, WOFF, TTF і OTF. По ходу може обрізати шрифт до потрібних мов, зафіксувати змінний шрифт на одній насиченості, видалити хінтинг і виправити вертикальні метрики, що спричиняють різний міжрядковий інтервал на Windows, macOS і Android. Конвертація виконується у вашому браузері на тому самому коді, що використовують еталонні інструменти: кодувальник WOFF2 від google/woff2 і підсистема обрізки HarfBuzz, обидва скомпільовані у WebAssembly.

Як користуватися

1
Додайте шрифт

Перетягніть TTF, OTF, WOFF, WOFF2 або колекцію .ttc. Додайте відразу всю родину, щоб отримати одну таблицю стилів для всіх накреслень.

2
Ознайомтеся з тим, що маєте

Картка показує назву шрифту, кількість гліфів і символів, змінні осі та прапор вбудовування. Відкрийте «Можливості цього шрифту» для перегляду мов, функцій OpenType і вертикальних метрик.

3
Оберіть вихідний формат

Для вебу достатньо лише WOFF2. Додавайте WOFF тільки якщо необхідно підтримувати браузери старіші за 2016 рік; TTF/OTF — для десктопу та друку.

4
Обрізайте лише за потреби

Зберегти все — безпечний варіант за замовчуванням. Обрізайте до обраних мов для звичайного сайту або до точного рядка для логотипу.

5
Конвертуйте і перевірте результат

Смуга порівняння показує оригінал і результат поряд. Потім завантажте окремий файл або ZIP із CSS і демо-сторінкою.

🔥 Зараз у тренді
🗣️ Текст у мовлення ✨ Покращення відео ✂️ Обрізати аудіо ✨ Підсилювач аудіо 🎭 Зміна голосу 🎙️ Видалення вокалу 🎬 Відео з аудіо 🎬 Обрізання відео

Конвертуйте, обрізайте та виправляйте шрифт — і перевіряйте відображення до публікації

Перетягніть шрифт сюди або натисніть, щоб обрати
Кілька файлів одразу перетворяться на один вебшрифтовий комплект із єдиною таблицею стилів
TTF · OTF · WOFF · WOFF2 · TTC ·
Можливості цього шрифту
Не знаєте, що спробувати?
700+ інструментів — відкрийте сюрприз
🎲 Здивуйте мене

Чим він відрізняється

Звичайна конвертація не змінює нічого, крім обгортки
Якщо жодні параметри не обрано, таблиці шрифту копіюються байт у байт у новий контейнер — кернінг, лігатури, хінтинг і функції OpenType не можуть зникнути, бо жоден шлях у коді їх не торкається. Набір тестів перевіряє рівність таблиць після повного WOFF2-туру.
Показує відображення, а не галочку
Результат завантажується як справжній вебшрифт і малюється поряд з оригіналом при 14, 28 і 64 px, а потім порівнюється піксель за пікселем. Ви бачите «ідентично» — або саме які літери зрушили — ще до того, як файл потрапить на сайт.
Кожна втрачена функція OpenType має пояснення
Обрізка відкидає функції, і всі інші конвертери лишають вас здогадуватися. Цей називає їх і пояснює чому: «liga належить до арабської, яку ви видалили» — зовсім інше, ніж мовчазна втрата. Проблемою позначається лише та втрата, якої він не може пояснити.
Виправлення вертикальних метрик
Шрифт зберігає три пари значень підйому/спуску — hhea, OS/2 typo і OS/2 win — і macOS, Windows та Android читають різні. Коли вони не збігаються, один і той самий абзац має різну висоту на кожній платформі. Інспектор показує три висоти рядка, які ваш шрифт дає зараз, і один прапорець робить їх однаковими.
Змінні шрифти — як слід
Кожна вісь отримує повзунок, а кожен іменований екземпляр — пункт меню; фіксація дає справжній статичний шрифт із вилученими fvar і gvar, правильним usWeightClass і встановленими бітами стилю — тож він не прийде як «Regular» і не буде синтетично потовщений.
Комплект, а не файл
Конвертуйте цілу родину за раз і отримайте одну таблицю стилів, чиї правила @font-face формуються на основі самих шрифтів — правильні діапазони насиченості для змінних шрифтів, правильні токени format(), необов’язкове розбиття unicode-range — плюс демо-сторінку, що працює з диску.

Часті запитання

Який формат розмістити на сайті?

Лише WOFF2. Його підтримують усі браузери, випущені після 2016 року; він на 30–50% менший за WOFF і приблизно на 60% менший за звичайний TTF. Додавати WOFF другим джерелом — нешкідливо, але майже ніколи не потрібно. EOT і SVG-шрифти — мертві формати: браузерів, що їх вимагали, вже немає.

Конвертація зламає мій кернінг або лігатури?

Сама по собі — ні. Конвертація формату перепаковує ті самі таблиці, тому дані розміщення надходять незмінними — і кожен тур перевіряється таблиця за таблицею в наборі тестів. Функції відкидає обрізка, бо функції, чиї гліфи зникли, нічого більше не роблять. Саме тому кожна відкинута функція перераховується з поясненням, а не зникає непомітно.

Чому мій шрифт має різну висоту на Windows і на Mac?

Тому що шрифт містить три окремі пари значень підйому/спуску, а платформи розходяться в тому, яку читати: macOS використовує hhea, Windows — OS/2 usWin, якщо не встановлено прапор USE_TYPO_METRICS, і Android теж стежить за цим прапором. Якщо ці числа всередині шрифту не збігаються, жоден CSS не змусить платформи відображати однаково. Інспектор показує всі три висоти рядка, а виправлення вирівнює їх і вмикає прапор.

Що робить «фіксація змінного шрифту»?

Вона закріплює кожну вісь на обраних значеннях і створює звичайний статичний шрифт — менший за розміром і придатний для програмного забезпечення, яке не підтримує змінні шрифти. Зверніть увагу: фіксація лише частини осей — не те саме: шрифт залишається змінним за рештою осей, що іноді й потрібно.

Чи варто видаляти хінтинг?

Для вебшрифту, як правило, так — це може суттєво зменшити файл. Хінтинг — це байткод TrueType, який підлаштовує контури до піксельної сітки, і він впливає лише на Windows без ClearType при малих розмірах; macOS, iOS і Android ігнорують його повністю. Залишіть хінтинг, якщо ваша аудиторія переважно на Windows і шрифт використовується при малих розмірах.

Чи маю я право конвертувати цей шрифт?

Інструмент читає прапор fsType шрифту і показує, що він декларує — дозволено встановлення, редагування, перегляд і друк або заборонено. Сприймайте це як сигнал, а не як дозвіл: браузери повністю ігнорують fsType, і реальну відповідь дає ліцензія, за якою ви придбали шрифт. Багато десктопних ліцензій не включають вебвикористання, і багато ливарень продають окрему ліцензію на вебшрифт.

Чи може він конвертувати OTF у справжній TTF?

Не шляхом перемальовування контурів — і він не вдаватиме, що може. OTF зазвичай містить криві PostScript (CFF), а TTF — криві TrueType; конвертація між ними означає повторну апроксимацію кожного контуру, що змінює форми. Що робить цей інструмент — чесно перепаковує шрифт і повідомляє, що всередині: якщо ви запросите TTF, а контури CFF, ви отримаєте коректний файл OpenType і відповідну примітку.

Чому великий шрифт обробляється кілька секунд?

Стиснення WOFF2 — це Brotli на максимальних налаштуваннях над трансформованим потоком гліфів, і це справді витратна операція — тут виміряно приблизно 120–155 КБ джерела за секунду. Типовий вебшрифт обробляється за менш ніж секунду; десктопний шрифт розміром 1 МБ із повним покриттям кирилиці, грецького та арабського потребує від семи до дев’яти секунд. Обрізання до потрібних мов зазвичай усуває і очікування, і більшу частину файлу.

💡 Хочете, щоб ми покращили цей інструмент спеціально для вас?

Звичайно! Просто надішліть нам коротке повідомлення з вашою ідеєю. Якщо хочете обговорити детальніше — залиште email, і ми зв’яжемося з вами. Можна залишитися анонімом.

Може сподобатися

🔤 Base64 ⏰ Cron-парсер <> HTML-форматер ⇄ JSON ↔ CSV {} JSON-форматер 🔐 JWT Декодер ⇄ Text Diff 🔗 URL-кодувальник

Як ви оцінюєте цей інструмент?

Дякуємо за вашу оцінку!
Хочете розповісти більше? Залиште коментар!
Дякуємо! Ваш коментар з’явиться після модерації.
Для кого цей інструмент?
✨ Контентмейкери 💻 Розробники та ІТ-спеціалісти
Опубліковано Автор: