Формат шрифтов Web Open Font (WOFF)

WOFF (Формат шрифтов Web Open Font) — это формат веб-шрифтов, разработанный Mozilla совместно с Type Supply, LettError и другими организациями. Он использует сжатую версию той же табличной sfnt структуры, что и TrueType, OpenType и Open Font Format, но добавляет метаданные и структуры данных для частного использования, включая предварительно определённые поля, позволяющие типографиям и поставщикам предоставлять информацию о лицензиях при необходимости.

Использование WOFF имеет три основных преимущества:

Данные шрифта сжаты, поэтому сайты, использующие WOFF, используют меньше пропускной способности и загружаются быстрее, чем если бы они использовали эквивалентные несжатые файлы TrueType или OpenType.
Многие поставщики шрифтов, которые не желают лицензировать свои шрифты TrueType или OpenType для использования в веб-среде, лицензируют шрифты в формате WOFF. Это улучшает доступность шрифтов для веб-дизайнеров.
Как проприетарные, так и свободные программные браузеры поддерживают формат WOFF, поэтому он имеет потенциал стать действительно универсальным, совместимым форматом шрифтов для веб-страниц, в отличие от других текущих форматов шрифтов.

Существует две версии WOFF: WOFF и WOFF2. Они в основном различаются используемым алгоритмом сжатия. В @font-face они идентифицируются по 'woff' и 'woff2' описателю формата соответственно.

Использование WOFF

Вы можете использовать свойство CSS @font-face, чтобы использовать шрифты WOFF для текста на веб-странице. Оно работает точно так же, как шрифты OpenType и TrueType, за исключением того, что, вероятно, позволит вашему контенту загружаться более эффективно благодаря добавлению сжатия.

Инструменты для работы с шрифтами WOFF

Инструменты для работы с шрифтами WOFF доступны. sfnt2woff и woff2sfnt преобразуют WOFF в OpenType и обратно.

Спецификации

Спецификация
Формат файла WOFF 1.0 # Общая структура
Формат файла WOFF 2.0 # Структура файла

Совместимость с браузерами

	Рабочие столы					Мобильные устройства
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox для Android	Opera Android	Safari на iOS	Samsung Internet	WebView Android
`WOFF`	36	14	39	23	10 Поддерживается только на macOS 10.12 (Sierra) и более поздних версиях.	36	39	24	10	3.0	37

	Рабочие столы					Мобильные устройства
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox для Android	Opera Android	Safari на iOS	Samsung Internet	WebView Android
`WOFF`	6	12	3.5	11.1	5.1	18	4	11.1	5	1.0	4.4

css.at-rules.font-face.WOFF

Таблицы BCD загружаются только в браузере

css.at-rules.font-face.WOFF_2

Таблицы BCD загружаются только в браузере

См. также

@font-face

© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_fonts/WOFF