Web Open Font Format

Web Open Font Format (WOFF) — расширение формата шрифта OpenType или TrueType со сжатием и полностью совпадающим с оригиналом[что?], что позволяет оставить неизменным механизм отрисовки. Также формат включает дополнительные метаданные, в которые производитель шрифта может включить информацию об использовании шрифта. Эта информация не влияет на то, как этот шрифт будет загружен, но позволяет определить происхождение этого шрифта, так, заинтересовавшийся шрифтом, использованным на веб-странице, может проследить, какой шрифт использован. Шрифты в WOFF сжаты, но не зашифрованы, этот формат не создавался как защищённый формат для желающих жёстко контролировать использование шрифта.

Web Open Font Format
Расширение .woff
MIME-тип font/woff[1][2]
Разработчик Mozilla Foundation
Опубликован 2012
Тип формата Компьютерный шрифт
Содержит Sfnt шрифты

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

@font-face {
        font-family: 'PT Sans'; 
        src: url('pts55f.eot'); 
        src: local('PT Sans'), url('pts55f.woff') format('woff'), url('pts55f.ttf') format('truetype');
}

h2.style1 { font-size: 48px; line-height:normal; font-family: 'PT Sans'; font-weight: bold; font-style:italic; }

Инструменты для конвертации

Утилита командной строки для конвертации файлов шрифтов OpenType или TrueType в формат WOFF и обратно доступна как в скомпилированном виде для Windows и Mac OS X, так и в виде исходных кодов, что позволяет её использовать на большинстве существующих операционных систем. Утилита распространяется согласно лицензиям MPL 1.1/GPL 2.0/LGPL 2.1.

Примеры использования:

Конвертация TrueType шрифта font.ttf в WOFF:

$ ./sfnt2woff font.ttf > font.woff

Обратная конвертация шрифта WOFF в OpenType:

$ ./woff2sfnt font.woff > font.otf

Поддержка

Формат был поддержан многими изготовителями шрифтов[3] и поддерживается основными веб-браузерами:

Формат WOFF 2.0 был создан на базе алгоритма сжатия данных Brotli. Новый формат позволяет хранить шрифты в файлах примерно на 1/3 меньше, чем в WOFF 1.0. Формат 2.0 поддерживается:

См. также

Примечания
  1. https://www.iana.org/assignments/media-types/font.csv
  2. Lilley C. The "font" Top-Level Media Type (англ.) — IETF, 2017. — 18 p. — doi:10.17487/RFC8081
  3. Wardle, Tiffany (2009-07-16), Typegirl - Most of the important foundries are supporting #webfont, tumblr, <http://typegirl.tumblr.com/post/142912558/most-of-the-important-foundries-are-supporting-webfont>. Проверено 5 февраля 2010.
  4. Shapiro, Melissa (2009-10-20), Mozilla Supports Web Open Font Format, Mozilla Foundation, <http://blog.mozilla.com/blog/2009/10/20/mozilla-supports-web-open-font-format/>. Проверено 5 февраля 2010.
  5. Colyer, Matt (2010-09-21), Typekit adds Chrome 6 WOFF support, Typekit, <http://blog.typekit.com/2010/09/21/typekit-adds-chrome-6-woff-support/>
  6. Hachamovitch, Dean (2010-06-23), HTML5, Native: Third IE9 Platform Preview Available for Developers, Microsoft, <http://blogs.msdn.com/b/ie/archive/2010/06/23/html5-native-third-ie9-platform-preview-available-for-developers.aspx>
  7. KDE SVN Revision 1088984, KDE Bugzilla, 2010-02-12, <http://websvn.kde.org/?view=revision&revision=1088984>. Проверено 14 октября 2011.
  8. A first glimpse at Opera 11.10 "Barracuda", Opera Software, 2011-02-17, <http://my.opera.com/desktopteam/blog/2011/02/17/a-first-glimpse-at-barracuda>. Проверено 17 февраля 2011.
  9. Web specifications support in Opera Presto 2.7, Opera, <http://www.opera.com/docs/specs/presto27/> Архивная копия от 13 февраля 2011 на Wayback Machine
  10. Safari Features, Apple, 2011-06-06, <https://www.apple.com/macosx/whats-new/features.html#safari>. Проверено 14 октября 2011. Архивная копия от 6 июня 2011 на Wayback Machine
  11. Safari 5.1 Changelog, FileHippo.com, <http://www.filehippo.com/download_safari/changelog/10252/>. Проверено 14 октября 2011. Архивная копия от 12 октября 2011 на Wayback Machine
  12. Bug 38217 - [chromium] Add WOFF support, WebKit, <https://bugs.webkit.org/show_bug.cgi?id=38217>
  13. Bug 31302 - Add WOFF support for @font-face, WebKit, <https://bugs.webkit.org/show_bug.cgi?id=31302>
  14. Chromium 36 Release Notes, Google, <http://blog.chromium.org/2014/05/chrome-36-beta-elementanimate-html.html>
  15. Firefox 35 Release Notes, Mozilla Developer Network, <https://developer.mozilla.org/en-US/Firefox/Releases/35>
  16. Opera 26 Release Notes, Opera Software ASA, <https://dev.opera.com/blog/opera-23/>
  17. Safari 10.0. developer.apple.com. Дата обращения: 17 февраля 2021.
  18. Microsoft Edge Blog. Speed up page load with WOFF 2.0 fonts in Microsoft Edge (англ.) ?. Microsoft Edge Blog (3 мая 2016). Дата обращения: 17 февраля 2021.

Ссылки
This article is issued from Wikipedia. The text is licensed under Creative Commons - Attribution - Sharealike. Additional terms may apply for the media files.