The Web Open Font Format (WOFF)

Этот перевод не завершён. Пожалуйста, помогите перевести эту статью с английского

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

Преимущества использования WOFF:

  1. The font data is compressed, so sites using WOFF will use less bandwidth and will load faster than if they used equivalent uncompressed TrueType or OpenType files.
  2. Many font vendors that are unwilling to license their TrueType or OpenType format fonts for use on the web will license WOFF format fonts. This improves availability of fonts to site designers.
  3. Both proprietary and free software browser vendors like the WOFF format, so it has the potential of becoming a truly universal, interoperable font format for the web, unlike other current font formats.

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

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

You can use the @font-face CSS property to use WOFF fonts for text in web content. It works exactly like OpenType and TrueType format fonts do, except it will likely let your content download more efficiently due to the addition of compression.

Tools for working with WOFF fonts

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

Спецификация Статус Комментарий
WOFF File Format 2.0 Рекомендация New compression algorithm
WOFF File Format 1.0 Рекомендация Initial specification.

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

Update compatibility data on GitHub
КомпьютерыМобильные
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome для AndroidFirefox для AndroidOpera для AndroidSafari on iOSSamsung Internet
@font-faceChrome Полная поддержка 1Edge Полная поддержка 12Firefox Полная поддержка 3.5IE Полная поддержка 4Opera Полная поддержка 10Safari Полная поддержка 3.1WebView Android Полная поддержка ≤37Chrome Android Полная поддержка 18Firefox Android Полная поддержка 4Opera Android Полная поддержка 10.1Safari iOS Полная поддержка 2Samsung Internet Android Полная поддержка 1.0
SVG fonts
УстаревшаяНестандартная
Chrome Нет поддержки 1 — 38Edge Нет поддержки НетFirefox Нет поддержки НетIE Нет поддержки НетOpera Нет поддержки 15 — 25Safari Полная поддержка 3.2WebView Android Нет поддержки ≤37 — 38Chrome Android Нет поддержки 18 — 38Firefox Android Нет поддержки НетOpera Android Нет поддержки 14 — 25Safari iOS Полная поддержка 3Samsung Internet Android Нет поддержки 1.0 — 3.0
WOFFChrome Полная поддержка 6Edge Полная поддержка 12Firefox Полная поддержка 3.5IE Полная поддержка 9Opera Полная поддержка 11.1Safari Полная поддержка 5.1WebView Android Полная поддержка 4.4Chrome Android Полная поддержка 18Firefox Android Полная поддержка 4Opera Android Полная поддержка 11.1Safari iOS Полная поддержка 5Samsung Internet Android Полная поддержка 1.0
WOFF 2Chrome Полная поддержка 36Edge Полная поддержка 14Firefox Полная поддержка 39
Полная поддержка 39
Полная поддержка 35
Отключено
Отключено From version 35: this feature is behind the gfx.downloadable_fonts.woff2.enabled preference (needs to be set to true). To change preferences in Firefox, visit about:config.
IE Нет поддержки НетOpera Полная поддержка 23Safari Полная поддержка 10
Замечания
Полная поддержка 10
Замечания
Замечания Supported only on macOS 10.12 (Sierra) and later.
WebView Android Полная поддержка 37Chrome Android Полная поддержка 36Firefox Android Полная поддержка 39
Полная поддержка 39
Полная поддержка 35
Отключено
Отключено From version 35: this feature is behind the gfx.downloadable_fonts.woff2.enabled preference (needs to be set to true). To change preferences in Firefox, visit about:config.
Opera Android Полная поддержка 24Safari iOS Полная поддержка 10Samsung Internet Android Полная поддержка 3.0
font-displayChrome Полная поддержка 72Edge Полная поддержка 79Firefox Полная поддержка 58IE Нет поддержки НетOpera Полная поддержка 60Safari Полная поддержка 11.1WebView Android Полная поддержка 72Chrome Android Полная поддержка 72Firefox Android Полная поддержка 58Opera Android Полная поддержка 51Safari iOS Полная поддержка 11.3Samsung Internet Android Полная поддержка 11.0
font-familyChrome Полная поддержка 4Edge Полная поддержка 12Firefox Полная поддержка 3.5IE Полная поддержка 6Opera Полная поддержка 10Safari Полная поддержка 3.1WebView Android Полная поддержка 2.2Chrome Android Полная поддержка 18Firefox Android Полная поддержка 4Opera Android Полная поддержка 10.1Safari iOS Полная поддержка 3.1Samsung Internet Android Полная поддержка 1.0
font-feature-settingsChrome Нет поддержки НетEdge Нет поддержки НетFirefox Полная поддержка 34
Замечания
Полная поддержка 34
Замечания
Замечания The ISO/IEC CD 14496-22 3rd edition suggests using the ssty feature to provide glyph variants more suitable for use in scripts (for example primes used as superscripts). Starting with Firefox 29, this is done automatically by the MathML rendering engine. The ISO/IEC CD 14496-22 3rd edition also suggests applying the dtls feature to letters when placing mathematical accents to get dotless forms (for example dotless i, j with a hat). Starting with Firefox 35, this is done automatically by the MathML rendering engine. You can override the default values determined by the MathML rendering engine with CSS.
Полная поддержка 15
С префиксом Замечания
С префиксом Требует вендорный префикс: -moz-
Замечания From Firefox 4 to Firefox 14 (inclusive), Firefox supported an older, slightly different syntax. See OpenType Font Feature support in Firefox 4.
IE Нет поддержки НетOpera Нет поддержки НетSafari Нет поддержки НетWebView Android Нет поддержки НетChrome Android Нет поддержки НетFirefox Android Полная поддержка 34
Замечания
Полная поддержка 34
Замечания
Замечания The ISO/IEC CD 14496-22 3rd edition suggests using the ssty feature to provide glyph variants more suitable for use in scripts (for example primes used as superscripts). Starting with Firefox 29, this is done automatically by the MathML rendering engine. The ISO/IEC CD 14496-22 3rd edition also suggests applying the dtls feature to letters when placing mathematical accents to get dotless forms (for example dotless i, j with a hat). Starting with Firefox 35, this is done automatically by the MathML rendering engine. You can override the default values determined by the MathML rendering engine with CSS.
Полная поддержка 15
С префиксом Замечания
С префиксом Требует вендорный префикс: -moz-
Замечания From Firefox 4 to Firefox 14 (inclusive), Firefox supported an older, slightly different syntax. See OpenType Font Feature support in Firefox 4.
Opera Android Нет поддержки НетSafari iOS Нет поддержки НетSamsung Internet Android Нет поддержки Нет
font-stretchChrome Полная поддержка 62Edge Полная поддержка 17Firefox Полная поддержка 62IE Нет поддержки НетOpera Полная поддержка 49Safari Полная поддержка 10.1WebView Android Полная поддержка 62Chrome Android Полная поддержка 62Firefox Android Полная поддержка 62Opera Android Полная поддержка 41Safari iOS Полная поддержка 10.3Samsung Internet Android Полная поддержка 6.0
font-styleChrome Полная поддержка 4Edge Полная поддержка 12Firefox Полная поддержка 3.5IE Полная поддержка 4Opera Полная поддержка 10Safari Полная поддержка 3.1WebView Android Полная поддержка ≤37Chrome Android Полная поддержка 18Firefox Android Полная поддержка 4Opera Android Полная поддержка 10.1Safari iOS Полная поддержка 2Samsung Internet Android Полная поддержка 1.0
font-variation-settingsChrome Полная поддержка 62Edge Полная поддержка 79Firefox Полная поддержка 62
Полная поддержка 62
Нет поддержки 60 — 62
Отключено
Отключено From version 60 until version 62 (exclusive): this feature is behind the layout.css.font-variations.enabled preference (needs to be set to true). To change preferences in Firefox, visit about:config.
IE Нет поддержки НетOpera Полная поддержка 49Safari Нет поддержки НетWebView Android Полная поддержка 62Chrome Android Полная поддержка 62Firefox Android Полная поддержка 62
Полная поддержка 62
Нет поддержки 60 — 62
Отключено
Отключено From version 60 until version 62 (exclusive): this feature is behind the layout.css.font-variations.enabled preference (needs to be set to true). To change preferences in Firefox, visit about:config.
Opera Android Полная поддержка 46Safari iOS Нет поддержки НетSamsung Internet Android Полная поддержка 8.0
font-weightChrome Полная поддержка 4Edge Полная поддержка 12Firefox Полная поддержка 3.5IE Полная поддержка 4Opera Полная поддержка 10Safari Полная поддержка 3.1WebView Android Полная поддержка ≤37Chrome Android Полная поддержка 18Firefox Android Полная поддержка 4Opera Android Полная поддержка 10.1Safari iOS Полная поддержка 2Samsung Internet Android Полная поддержка 1.0
srcChrome Полная поддержка 4Edge Полная поддержка 12Firefox Полная поддержка 3.5IE Полная поддержка 6Opera Полная поддержка 10Safari Полная поддержка 3.1WebView Android Полная поддержка 2.2Chrome Android Полная поддержка 18Firefox Android Полная поддержка 4Opera Android Полная поддержка 10.1Safari iOS Полная поддержка 3.1Samsung Internet Android Полная поддержка 1.0
unicode-rangeChrome Полная поддержка 1Edge Полная поддержка 12Firefox Полная поддержка 36IE Полная поддержка 9Opera Полная поддержка 15Safari Полная поддержка 3.2WebView Android Полная поддержка ≤37Chrome Android Полная поддержка 18Firefox Android Полная поддержка 36Opera Android Полная поддержка 14Safari iOS Полная поддержка 3Samsung Internet Android Полная поддержка 1.0

Легенда

Полная поддержка  
Полная поддержка
Нет поддержки  
Нет поддержки
Нестандартная. Ожидается плохая кросс-браузерная поддержка.
Нестандартная. Ожидается плохая кросс-браузерная поддержка.
Устаревшая. Не следует использовать в новых веб-сайтах
Устаревшая. Не следует использовать в новых веб-сайтах
Смотрите замечания реализации.
Смотрите замечания реализации.
Пользователь должен сам включить эту возможность.
Пользователь должен сам включить эту возможность.
Требует вендорный префикс или другое имя для использования.
Требует вендорный префикс или другое имя для использования.

См. также