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

Конвертируйте шрифты для веба в своём браузере

Этот конвертер шрифтов превращает десктопные и устаревшие файлы шрифтов в форматы, которых ожидают браузеры и инструменты для дизайна. Перетащите шрифт 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 сразу показывает резервный текст и переключается, как только веб-шрифт загрузится. Перед публикацией убедитесь, что лицензия шрифта разрешает встраивание в веб-страницы и конвертацию формата.