Що таке WOFF (Web Open Font Format)?
Web Open Font Format (WOFF) — це формат файлу для веб-шрифтів, розроблений компанією Mozilla. Файл WOFF може містити стиснення Файли TTF і OTF а також інформацію про ліцензії та інші метадані. Ось що вам потрібно знати про WOFF.
Інформація в цій статті стосується файлів WOFF і WOFF2.
Що таке файл WOFF?
Схожий на ZIP файли, файли WOFF діють як контейнери для інших файлів, зокрема файлів TrueType Font (TTF) і OpenType Font (OTF). Ці типи файлів дають веб-дизайнерам можливість використовувати шрифти за межами стандартних символів, які є на більшості комп’ютерів.
WOFF був замінений форматом WOFF2. WOFF2 пропонує ще краще алгоритми стиснення, що зменшує початковий розмір файлу ще на 30 відсотків. Тому файли WOFF2 займають менше пропускна здатність і завантажується ще швидше. Файли WOFF мають розширення .woff, а файли WOFF2 мають розширення .woff2.
Як працюють файли WOFF?
Практично всі веб-сторінки використовують каскадні таблиці стилів (CSS) для визначення макета HTML та інші елементи на екрані. Наприклад, розробники можуть використовувати CCS для зміни веб-шрифтів, посилаючись на шрифти, які вже встановлені на комп’ютері користувача. Однак якщо ваш комп’ютер або браузер не підтримують шрифт, він відображатиметься як інший шрифт або не завантажуватиметься взагалі залежно від того, як налаштовано набір шрифтів на сторінці.
Щоб уникнути цієї проблеми, спеціальні шрифти можна зберігати у файлі WOFF, який зберігається на сервері разом з усіма іншими елементами веб-сторінки. Потім дизайнер може використовувати властивість CSS @font-face, щоб посилатися на файл WOFF і відображати шрифт у браузері.
Гугл хром, Firefox, Microsoft Edge, Опера, і сафарі підтримує формат WOFF, але вам може знадобитися оновити веб-браузер до останньої версії.
Переваги WOFF
На додаток до розширення типів шрифтів, доступних для веб-розробників, використання файлів WOFF має ряд переваг. Наприклад:
- Стиснення: Оскільки файли WOFF стискаються, вони завантажуються швидше, ніж інші типи файлів шрифтів.
- Підтримка HTML і CSS: На відміну від файлів зображень, файли WOFF можна стилізувати за допомогою HTML і CSS.
- SEO: Шрифти WOFF краще для пошукова система оптимізація (SEO), ніж зображення тексту.
- Оптимізована візуалізація: Файли WOFF містять друкарську інформацію, включаючи контекстні форми та фігури старого стилю, що дозволяє оптимально відображати на всіх пристроях.
- Доступність сайту: файли WOFF роблять сайти більш доступними, оскільки текст можна читати вголос, а зображення тексту — ні.
- Вбудовування: Шрифти WOFF допомагають інтернаціоналізації, дозволяючи вставляти шрифти з символами інших мов.
Створіть власні шрифти WOFF
Шрифтовим редакторам подобається FontForge дозволяють створювати власні набори шрифтів і експортувати їх як файли WOFF. Ви також можете конвертувати WOFF у файли TTF або OTF за допомогою FontForge. Якщо у вас є інший редактор шрифтів, який вам подобається, який підтримує лише TTF або OTF, ви можете використовувати sfnt2woff інструмент для перетворення шрифтів у файли WOFF.
Відкрийте бібліотеку шрифтів і Шрифт Білка мають сотні шрифтів у форматі WOFF, які безкоштовні для комерційного та некомерційного використання.