Конвертер TTF у WOFF
WOFF — перший формат вебшрифтів, який підтримали всі основні браузери, і він досі працює там, куди WOFF2 так і не дістався. Конвертуйте TTF тут, коли платформа, тема чи читалка вимагає саме файл .woff.
Конвертер шрифтів
або перетягніть Файли TTF, OTF, WOFF … сюди ·
До 95 МБ на файл· До 20 файлів· Видаляються через 30 хв
Файли обробляються на наших серверах і видаляються через 30 хв.
Видалення писемностей, які ви не використовуєте, може зменшити веб-шрифт із сотень КБ до менш ніж 30 KB. Для шрифтів, які ви встановлюєте на комп'ютер, залишайте всі символи.
Вставте текст або символи, які має містити шрифт, наприклад слово з логотипу чи заголовок. Усе інше буде видалено.
Хінти покращують чіткість дрібного тексту на екранах 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 всередині шрифту, де зазвичай зберігаються авторські права й URL ліцензії, копіюється без змін. WOFF також визначає необов’язковий блок метаданих для відомостей про ліцензію, який деякі студії заповнюють у власних випусках WOFF.