Web Open Font Format (Web Open Font Format)

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

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

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

@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, Архивировано 16 ноября 2009, Дата обращения: 5 февраля 2010 Источник. Дата обращения: 5 июня 2015. Архивировано 16 ноября 2009 года.
  4. Shapiro, Melissa (2009-10-20), Mozilla Supports Web Open Font Format, Mozilla Foundation, Архивировано 16 июня 2011, Дата обращения: 5 февраля 2010 Источник. Дата обращения: 5 июня 2015. Архивировано 16 июня 2011 года.
  5. Colyer, Matt (2010-09-21), Typekit adds Chrome 6 WOFF support, Typekit, Архивировано 8 июля 2011, Дата обращения: 5 июня 2015 Источник. Дата обращения: 5 июня 2015. Архивировано 8 июля 2011 года.
  6. Hachamovitch, Dean (2010-06-23), HTML5, Native: Third IE9 Platform Preview Available for Developers, Microsoft, Архивировано 26 июня 2010, Дата обращения: 5 июня 2015 Источник. Дата обращения: 5 июня 2015. Архивировано 26 июня 2010 года.
  7. KDE SVN Revision 1088984, KDE Bugzilla, 2010-02-12, Архивировано 24 февраля 2021, Дата обращения: 14 октября 2011 Источник. Дата обращения: 5 июня 2015. Архивировано 24 февраля 2021 года.
  8. A first glimpse at Opera 11.10 "Barracuda", Opera Software, 2011-02-17, Архивировано 19 февраля 2011, Дата обращения: 17 февраля 2011 Источник. Дата обращения: 5 июня 2015. Архивировано 19 февраля 2011 года.
  9. Web specifications support in Opera Presto 2.7, Opera, Архивировано 13 февраля 2011, Дата обращения: 5 июня 2015 Источник. Дата обращения: 5 июня 2015. Архивировано 13 февраля 2011 года.
  10. Safari Features, Apple, 2011-06-06, Архивировано 23 июня 2011, Дата обращения: 14 октября 2011 Источник. Дата обращения: 29 сентября 2017. Архивировано 6 июня 2011 года.
  11. Safari 5.1 Changelog, FileHippo.com, Архивировано 12 октября 2011, Дата обращения: 14 октября 2011 Источник. Дата обращения: 5 июня 2015. Архивировано 12 октября 2011 года.
  12. Bug 38217 - [chromium] Add WOFF support, WebKit, Архивировано 29 сентября 2015, Дата обращения: 5 июня 2015 Источник. Дата обращения: 5 июня 2015. Архивировано 29 сентября 2015 года.
  13. Bug 31302 - Add WOFF support for @font-face, WebKit, Архивировано 27 октября 2015, Дата обращения: 5 июня 2015 Источник. Дата обращения: 5 июня 2015. Архивировано 27 октября 2015 года.
  14. Chromium 36 Release Notes, Google, Архивировано 25 мая 2014, Дата обращения: 5 июня 2015 Источник. Дата обращения: 5 июня 2015. Архивировано 25 мая 2014 года.
  15. Firefox 35 Release Notes, Mozilla Developer Network, Архивировано 23 мая 2015, Дата обращения: 5 июня 2015 Источник. Дата обращения: 5 июня 2015. Архивировано 23 мая 2015 года.
  16. Opera 26 Release Notes, Opera Software ASA, Архивировано 23 марта 2015, Дата обращения: 5 июня 2015 Источник. Дата обращения: 5 июня 2015. Архивировано 23 марта 2015 года.
  17. Safari 10.0. developer.apple.com. Дата обращения: 17 февраля 2021. Архивировано 25 февраля 2021 года.
  18. Microsoft Edge Blog. Speed up page load with WOFF 2.0 fonts in Microsoft Edge (амер. англ.). Microsoft Edge Blog (3 мая 2016). Дата обращения: 17 февраля 2021. Архивировано 12 февраля 2021 года.