Конвертировать TTF в WOFF
WOFF — первый формат веб-шрифтов, который поддержали все основные браузеры, и он до сих пор загружается там, куда WOFF2 так и не добрался. Конвертируйте TTF здесь, если платформа, тема или читалка требует именно файл .woff.
Конвертер шрифтов
или перетащите сюда файлы TTF, OTF, WOFF … ·
Макс. 95 MB на файл· До 20 файлов· Удаляются через 30 минут
Файлы обрабатываются на наших серверах и удаляются через 30 минут.
Удаление неиспользуемых систем письма может уменьшить веб-шрифт с сотен КБ до менее чем 30 КБ. Для шрифтов, которые устанавливаются на компьютер, оставьте все символы.
Вставьте текст или символы, которые должен содержать шрифт, например слово из логотипа или заголовок. Всё остальное будет удалено.
Хинтинг делает мелкий текст чётче на экранах Windows. Его удаление часто уменьшает веб-шрифты на 10–30%; автохинтинг добавляет его шрифтам, где его нет.
Оставьте поле пустым, чтобы сохранить исходное имя. Переименование позволяет установить преобразованный шрифт рядом с оригиналом без конфликта.
Например, Regular, Bold, Italic. Оставьте поле пустым, чтобы сохранить исходное имя начертания.
Как пользоваться инструментом
- 1
Выберите шрифты TTF
Загрузите файлы TrueType, которые нужны для сайта: до 20 за раз, не более 95 MB каждый.
- 2
Убедитесь, что выбран формат WOFF
В поле Преобразовать в уже выбран WOFF. Отметьте Добавить CSS с @font-face в разделе Расширенные настройки, чтобы получить готовое правило, и выберите набор в Оставить символы, если шрифт нужен только для сайта на одном письме.
- 3
Конвертируйте в WOFF
Нажмите Конвертировать в WOFF, скачайте файлы .woff и загрузите их рядом с таблицей стилей или в папку шрифтов темы.
Конвертация TTF в WOFF не меняет ни одного глифа. Каждая таблица шрифта сжимается zlib, добавляется небольшой заголовок, и вы получаете файл, который браузеры вплоть до Internet Explorer 9 загрузят через @font-face.
Кому еще нужно конвертировать TTF в WOFF
WOFF предложили в 2009 году Джонатан Кью из Mozilla вместе с шрифтовыми дизайнерами Талом Лемингом и Эриком ван Блокландом. Впервые он появился в Firefox 3.6 в 2010 году, а в декабре 2012 года стал рекомендацией W3C. Цель была практичной: дать студиям веб-формат, а не просто сырой настольный шрифт на сервере, и дать браузерам единый формат. За пару лет его начали читать Chrome, Safari и Internet Explorer 9.
Сегодня WOFF2 делает то же самое меньшим объемом, поэтому обычный WOFF остался в основном как запасной вариант и требование старых систем. В некоторых темах WordPress, конструкторах страниц и шаблонах интернет-магазинов поле загрузки шрифта по-прежнему ждет .woff. Корпоративные интрасети с Internet Explorer 11 вообще не читают WOFF2. Еще один случай — выпуск электронных книг: EPUB 3 принимает WOFF, а поддержка WOFF2 в читалках появилась позже и неравномерна.
IE 9–11браузеры, которые читают WOFF, но не читают WOFF2
Нужен ли запасной WOFF рядом с WOFF2?
Зачем добавлять WOFF
- Охватывает Internet Explorer 9–11 и браузеры, выпущенные до появления WOFF2
- Принимается полями загрузки в темах и плагинах, где указан только .woff
- Современным посетителям он ничего не стоит: они сначала скачивают WOFF2
Зачем пропустить
- Примерно на 30% больше того же шрифта в WOFF2
- Еще один файл на каждое начертание: его надо загружать, версионировать и сбрасывать в кэше
- На большинстве публичных сайтов старых браузеров так мало, что разницы не заметно
Как подключить файл WOFF в @font-face
Укажите оба файла в одном объявлении src: сначала .woff2 с format("woff2"), затем .woff с format("woff"). Подсказка формата позволяет браузеру пропустить ненужные файлы, не скачивая их. Если шрифт нужен еще для настольной программы или макета, сохраните исходный TTF: вернуться позже через WOFF в TTF можно, но полагаться на это не стоит.
Перед конвертацией стоит посмотреть две опции. Оставить символы оставляет в шрифте только нужные сайту письменности, и для размера файла это важнее, чем выбор между WOFF и WOFF2. Хинтинг можно оставить в положении «Оставить» для запасного варианта под Internet Explorer: у такой аудитории чаще всего экран Windows, где инструкции TrueType еще улучшают четкость мелкого текста.
TTF
Шрифт TrueType
TTF — формат шрифтов TrueType, разработанный Apple в конце 1980-х годов, выпущенный в 1991 году и затем лицензированный Microsoft. Он описывает контуры глифов квадратичными кривыми и содержит инструкции хинтинга, благодаря которым текст выглядит чётко на экране. TrueType поддерживают все настольные операционные системы, текстовые редакторы и дизайнерские программы. В нём нет некоторых продвинутых типографских возможностей OpenType, а файлы больше, чем у веб-форматов шрифтов.
- Сжатие
- Без потерь
- Прозрачность
- –
- Анимация
- –
- Год появления
- 1991 · Apple
WOFF
Web Open Font Format
WOFF — формат веб-шрифтов, созданный Mozilla, Opera и Microsoft и опубликованный как Рекомендация W3C в 2012 году. Он упаковывает данные шрифтов TrueType или OpenType со сжатием и метаданными для более быстрой загрузки. WOFF поддерживают все браузеры, но его во многом вытеснил WOFF2, который сжимает лучше. Настольные операционные системы не могут установить шрифты WOFF напрямую.
- Сжатие
- Без потерь
- Прозрачность
- –
- Анимация
- –
- Год появления
- 2012 · W3C (Mozilla, Opera, Microsoft)
TTF в WOFF сжимает настольный шрифт в исходный контейнер веб-шрифтов. Это важно для старых браузеров, читалок и тем, которые требуют файлы .woff, а не WOFF2.
Вопросы о конвертации TTF в WOFF
Поддерживают ли WOFF современные браузеры?
Да. Все современные браузеры читают и WOFF, и WOFF2: поддержку WOFF 1.0 никто не убирал. Просто если в правиле указаны оба формата, браузеры выбирают WOFF2, потому что он меньше.
Что меньше по размеру: TTF или WOFF?
Как правило, WOFF. Он хранит те же таблицы, сжатые zlib, то есть алгоритмом, на котором построены ZIP-файлы, поэтому обычный текстовый шрифт заметно уменьшается. WOFF2 сжимает сильнее благодаря Brotli, поэтому для новых сайтов лучше сначала выбрать TTF в WOFF2.
Можно ли использовать шрифты WOFF в EPUB?
Да. EPUB 3 включает WOFF в основные типы шрифтов наряду с TrueType и OpenType, а EPUB 3.2 в 2019 году добавил WOFF2. Старые читалки могут знать только первые три формата, поэтому для книги осторожнее выбрать WOFF или TTF.
В каком порядке указывать WOFF и WOFF2 в списке src?
Сначала WOFF2, затем WOFF. Браузер просматривает список и скачивает первый поддерживаемый формат: современные берут WOFF2, и лишь старые доходят до строки с WOFF.
Сохраняет ли WOFF информацию о лицензии шрифта?
Таблица name внутри шрифта, где обычно хранятся авторские права и ссылка на лицензию, копируется без изменений. WOFF также предусматривает необязательный блок метаданных со сведениями о лицензии, который некоторые студии заполняют в своих релизах WOFF.