Конвертер шрифтів — TTF, OTF, WOFF, WOFF2 онлайн
Конвертуйте шрифти між форматами TTF, OTF, WOFF, WOFF2, EOT і SVG прямо в браузері. Пакетна конвертація, порівняння розмірів і готове правило @font-face для CSS — без завантаження на сервер.
🔒 Працює повністю у вашому браузері — нічого не завантажуєтьсяКонвертуйте шрифти для вебу у своєму браузері
Цей конвертер шрифтів перетворює десктопні та застарілі файли шрифтів у формати, яких очікують браузери й інструменти для дизайну. Перетягніть шрифт TTF або OTF, щоб створити стиснені файли WOFF2 і WOFF для свого сайту, розпакуйте файл WOFF2 назад у TTF, який можна встановити, або відновіть старі шрифти EOT і SVG із давніх вебпроєктів. Можна додати багато файлів одночасно: кожен шрифт обробляється по черзі, а для кожного вихідного файлу показано його розмір і те, наскільки він менший або більший за оригінал. Усе працює локально за допомогою JavaScript і WebAssembly — у сторінку завантажується той самий кодувальник WOFF2 від Google, яким користуються шрифтові студії, тож нічого не надсилається на сервер.
Там, де це можливо, конвертер працює без втрат. Пакування шрифту у WOFF або WOFF2 зберігає оригінальні контури TrueType або CFF, хінтинг і можливості OpenType точно такими, якими вони були; змінюється лише стиснення. Конвертація шрифтів OTF на основі CFF у TTF, EOT або SVG перебудовує контури у вигляді квадратичних кривих, що візуально рівноцінно, але призводить до втрати хінтингу PostScript.
Пояснення форматів шрифтів
TTF (TrueType) і OTF (OpenType із контурами CFF) — це десктопні формати, які ви встановлюєте на комп’ютер. WOFF обгортає ті самі дані стисненням zlib, а WOFF2 використовує Brotli разом зі спеціальними перетвореннями для шрифтів, що зазвичай заощаджує ще близько 30%. WOFF2 підтримують усі сучасні браузери, тож для більшості сайтів достатньо одного файлу WOFF2. EOT використовувався лише в Internet Explorer, а шрифти SVG — у старих версіях Safari на iOS; створюйте їх лише тоді, коли підтримуєте застарілі сторінки.
Використання згенерованого правила @font-face
Після конвертації інструмент створює правило @font-face для кожного шрифту з назвою сімейства, накресленням і стилем, зчитаними з самого шрифту. Джерела впорядковано від найкращого, тож браузери завантажують WOFF2, коли можуть. Укажіть папку, куди ви завантажите файли, і виберіть стратегію font-display — swap одразу показує резервний текст і перемикається, щойно вебшрифт завантажиться. Перед публікацією переконайтеся, що ліцензія шрифту дозволяє вбудовування у вебсторінки та конвертацію формату.
Як користуватися
- Додайте шрифтиПеретягніть один або кілька файлів шрифтів TTF, OTF, WOFF, WOFF2, EOT чи SVG у поле або клацніть по ньому, щоб вибрати файли.
- Виберіть вихідні форматиПозначте всі потрібні формати — WOFF2 і WOFF вибрано за замовчуванням, бо це найкращий вибір для вебсайтів.
- КонвертуйтеНатисніть «Convert». Кожен шрифт декодується та перекодовується локально, а для кожного вихідного файлу показано зміну розміру.
- Завантажте файли та вставте CSSЗавантажте файли по одному або всі разом, а потім скопіюйте згенероване правило @font-face у свою таблицю стилів.