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] и поддерживается основными веб-браузерами:
- Firefox с версии 3.6 (2009)[4]
- Google Chrome с версии 6.0 (2010)[5]
- Internet Explorer с версии 9 (2010)[6]
- Konqueror из состава KDE 4.4.1 и более новых (2010)[7]
- Opera с версии 11.10 (2011, Presto 2.7), все версии Blink[8][9]
- Safari (2011)[10] с версии 5.1[11]
- Иные WebKit-браузеры с версии движка 528[12][13]
Формат WOFF 2.0 был создан на базе алгоритма сжатия данных Brotli. Новый формат позволяет хранить шрифты в файлах примерно на 1/3 меньше, чем в WOFF 1.0. Формат 2.0 поддерживается:
См. такжеПравить
- OFL
- Embedded OpenType (EOT)
ПримечанияПравить
- ↑ https://www.iana.org/assignments/media-types/font.csv
- ↑ Lilley C. The "font" Top-Level Media Type (англ.) — IETF, 2017. — 18 p. — doi:10.17487/RFC8081
- ↑ 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. Архивная копия от 16 ноября 2009 на Wayback Machine
- ↑ 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. Архивная копия от 16 июня 2011 на Wayback Machine
- ↑ 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/> Архивная копия от 8 июля 2011 на Wayback Machine
- ↑ 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> Архивная копия от 26 июня 2010 на Wayback Machine
- ↑ KDE SVN Revision 1088984, KDE Bugzilla, 2010-02-12, <http://websvn.kde.org/?view=revision&revision=1088984>. Проверено 14 октября 2011. Архивная копия от 24 февраля 2021 на Wayback Machine
- ↑ 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. Архивная копия от 19 февраля 2011 на Wayback Machine
- ↑ Web specifications support in Opera Presto 2.7, Opera, <http://www.opera.com/docs/specs/presto27/> Архивная копия от 13 февраля 2011 на Wayback Machine
- ↑ Safari Features, Apple, 2011-06-06, <https://www.apple.com/macosx/whats-new/features.html#safari>. Проверено 14 октября 2011. Архивная копия от 6 июня 2011 на Wayback Machine
- ↑ Safari 5.1 Changelog, FileHippo.com, <http://www.filehippo.com/download_safari/changelog/10252/>. Проверено 14 октября 2011. Архивная копия от 12 октября 2011 на Wayback Machine
- ↑ Bug 38217 - [chromium] Add WOFF support, WebKit, <https://bugs.webkit.org/show_bug.cgi?id=38217> Архивная копия от 29 сентября 2015 на Wayback Machine
- ↑ Bug 31302 - Add WOFF support for @font-face, WebKit, <https://bugs.webkit.org/show_bug.cgi?id=31302> Архивная копия от 27 октября 2015 на Wayback Machine
- ↑ Chromium 36 Release Notes, Google, <http://blog.chromium.org/2014/05/chrome-36-beta-elementanimate-html.html> Архивная копия от 25 мая 2014 на Wayback Machine
- ↑ Firefox 35 Release Notes, Mozilla Developer Network, <https://developer.mozilla.org/en-US/Firefox/Releases/35> Архивная копия от 23 мая 2015 на Wayback Machine
- ↑ Opera 26 Release Notes, Opera Software ASA, <https://dev.opera.com/blog/opera-23/> Архивная копия от 23 марта 2015 на Wayback Machine
- ↑ Safari 10.0 (неопр.). developer.apple.com. Дата обращения: 17 февраля 2021. Архивировано 25 февраля 2021 года.
- ↑ Microsoft Edge Blog. Speed up page load with WOFF 2.0 fonts in Microsoft Edge (англ.). Microsoft Edge Blog (3 мая 2016). Дата обращения: 17 февраля 2021. Архивировано 12 февраля 2021 года.
СсылкиПравить
- WOFF File Format 1.0 Архивная копия от 9 декабря 2016 на Wayback Machine (англ.)
- WOFF File Format 2.0 Архивная копия от 6 декабря 2016 на Wayback Machine (англ.)
- Черновик спецификации (англ.)
- Красивые шрифты с Font-face Архивная копия от 1 декабря 2016 на Wayback Machine (англ.)
- Online генератор с Font-face Архивная копия от 1 декабря 2016 на Wayback Machine (англ.)
- Утилиты командной строки для конвертации ttf и otf шрифтов в woff и обратно (англ.)