Pixmora

Конвертер шрифтов онлайн в WOFF2

Загрузите TTF, OTF, WOFF или WOFF2 и получите архив с woff2, CSS @font-face и демо-страницей.

Как подготовить веб-шрифт для сайта

Загрузите файлы TTF, OTF, WOFF, WOFF2 или TTC: до 20 файлов за раз, каждый до 8 МБ. Выберите форматы на выходе. WOFF2 понимают все современные браузеры, и обычно это самый лёгкий файл; WOFF нужен только для старых браузеров, TTF - в редких случаях. В ZIP-архиве будут файлы шрифта, stylesheet.css с правилами @font-face и демо-страница index.html.

Чтобы шрифт весил меньше, оставьте только нужные символы: подмножество «Кириллица» или «Latin», свои символы или диапазоны Unicode вроде U+0400-04FF. Базовая латиница с цифрами и знаками препинания остаётся и в кириллическом подмножестве. Остальные глифы удаляются, поэтому после конвертации откройте демо-страницу и проверьте свой текст.

Если загружаете несколько начертаний одного шрифта, включите «Одно семейство в CSS»: у всех будет общее имя font-family, а жирность и курсив задаются через font-weight и font-style. Значение font-display: swap сразу показывает текст системным шрифтом, пока загружается веб-шрифт. local() позволяет браузеру взять шрифт, уже установленный на компьютере.

Base64 встраивает шрифт прямо в CSS: на один запрос меньше, но файл стилей становится тяжелее, поэтому вариант подходит для небольших подмножеств. «Поправить вертикальные метрики» выравнивает межстрочный интервал, если он отличается в разных системах. Лицензию конвертер не проверяет: убедитесь, что она разрешает использовать шрифт на сайте. Готовые шрифты с кириллицей можно скачать в каталоге шрифтов.

Другие инструменты