В этой статье сравнивается поддержка веб-типографики для нескольких браузерных движков .
Пояснения к таблицам
Двигатель | Статус | Встроенный в |
---|---|---|
WebKit | Активный | Браузер Safari , а также все браузеры, размещенные в iOS App Store . |
Мигать | Активный | Google Chrome и другие веб-браузеры на основе Chromium , такие как Microsoft Edge , Opera и Brave . |
EdgeHTML | Активный | Приложения универсальной платформы Windows ; ранее в браузере Edge [1] . |
Геккон | Активный | Браузер Firefox и почтовый клиент Thunderbird , а также такие форки, как SeaMonkey и Waterfox . |
KHTML | Активный | Konqueror браузер |
Престо | Снято с производства | Ранее использовался как движок браузера Opera до перехода на Chromium и Blink. |
Трезубец | Снято с производства | Internet Explorer и версии Microsoft Outlook до Outlook 2007. |
Значения
Они указывают уровень поддержки данного элемента в каждом движке. По умолчанию подразумевается самая последняя версия движка. Однако может быть указан конкретный номер версии; когда это означает полную поддержку, это первоначальная версия движка, полностью поддерживающая элемент.
Значение | Имея в виду |
---|---|
да | Полностью поддерживается |
Нет | Никогда не поддерживался |
Частичное | Поддерживаются только некоторые значения |
Неверно | Не во всех случаях реализовано правильно |
Экспериментальный | Может быть неполным или глючным |
Ночная сборка | В настоящее время в разработке; ожидается полная поддержка |
Зависит от | Поддерживается только для указанных условий |
Упавший | Больше не поддерживается |
Поддержка ресурсов шрифтов CSS
CSS3 определил механизм для загрузки и отображения шрифтов на веб-странице. [spec 1] В этой таблице сравнивается поддержка этого механизма. Обратите внимание, что загрузка шрифта Embedded OpenType (EOT) не включает в себя весь шрифт OpenType, и поэтому наиболее заметная функция Open Type, поддержка лигатуры, не поставляется с EOT. Trident до версии 5.0 поддерживает только EOT. EOT недостаточно для смарт-шрифтов, использующих лигатуры.
Трезубец [м 1] | Геккон [г 1] | WebKit [w 1] | Presto [p 1] [p 2] | |||
---|---|---|---|---|---|---|
Грамматика и правила | ||||||
CSS3 | @font-face | <3.1 [IE 4.0] | 1.9.1 | 525 [примечание 1] | 2.2 | |
Дескрипторы | ||||||
CSS3 | font-family | <3.1 [IE 4.0] | 1.9.1 | 525 | 2.2 | |
src | Частично [примечание 2] | |||||
font-style | <3.1 [IE 4.0] | |||||
font-weight | ||||||
font-stretch | 5,0 [м 3] | 9,0 [г 2] | Нет [w 6] | Нет | ||
unicode-range | Экспериментальный [г 3] | Частично [примечание 3] | ||||
font-variant | Нет | 24,0 [г 4] | Нет | Нет | ||
font-feature-settings | 6,0 [м 4] | Экспериментальный [g 5] |
Поддержка в документах HTML и XML
В этой таблице сравнивается поддержка форматов шрифтов, применяемых с @font-face
правилом в документах HTML и XML .
Формат | Трезубец / EdgeHTML | Геккон | WebKit | Мигать | ||
---|---|---|---|---|---|---|
EOT | Встроенный OpenType | <3,1 [м 5] | Нет [g 6] | Нет [w 8] | Нет [b 1] | |
TTF | TrueType | 5,0 [м 6] | 1.9.1 [г 7] | 525,26 [w 9] | 537,36 [w 9] | |
OTF | OpenType | |||||
SVG | Масштабируемая векторная графика | Нет [m 7] | Нет [g 8] | Нет [b 2] | ||
WOFF | Формат открытого веб-шрифта | 1.0 | 5,0 [м 8] | 1.9.2 [г 9] | 534.48,3 [w 10] | 537,36 [w 10] |
2.0 | 14,14316 [м 9] | 36 [г 10] | 602.1.50 [w 11] | 537,36 [b 3] |
Поддержка в документах SVG
В этой таблице сравнивается поддержка форматов шрифтов, применяемых с @font-face
правилом в документах SVG .
Формат | Трезубец | Геккон [g 11] | WebKit | Престо |
---|---|---|---|---|
Встроенный OpenType (EOT) | Нет | Нет [g 6] | Нет [w 8] | Нет |
TrueType (TTF) | да | да | 2.2 | |
OpenType (OTF) | 18.0 | Нет | ||
Масштабируемая векторная графика (SVG) | Нет [g 8] | 525 | ||
Формат открытых веб-шрифтов (WOFF) | Нет | Нет [w 10] | 2.7.81 |
Поддержка функций умных шрифтов
Формат | Трезубец | Геккон | WebKit | Престо |
---|---|---|---|---|
liga Лигатуры OpenType [спецификация 2] | Нет | 2.0 | Частично [w 12] | Нет |
rlig Лигатуры OpenType [спецификация 3] | Нет | |||
ZWNJ и ZWJ (символы Unicode, используемые для управления лигатурой) | да | да | Нет [стр. 3] |
Смотрите также
- Сравнение браузерных движков
Заметки
- ^ До версии 4.0 в Google Chrome была отключена поддержка шрифтов. [w 2] [w 3] [w 4] [w 5]
- ^ Не понимаетидентификаторы
format()
илиlocal()
. [м 2] - ^ Не поддерживает несколько диапазонов, разделенных запятыми. [w 7]
Рекомендации
- Характеристики
- ^ Модуль шрифтов CSS, уровень 3 - ресурсы шрифтов , W3C
- ^ Реестр тегов OpenType Layout, тег: 'liga', Microsoft
- ^ Реестр тегов OpenType Layout, тег: 'rlig', Microsoft
- Трезубец / EdgeHTML
- ^ О встраивании шрифтов , Microsoft
- ^ Поддержка @ font-face в Internet Explorer , заархивировано из оригинала 19июля2010 г.
- ^ Руководство по предварительной версии платформы Internet Explorer для разработчиков , Microsoft
- ^ "свойство-настройки-шрифта" . Microsoft . Проверено 8 ноября 2013 года .
- ^ О внедрении шрифтов (Internet Explorer) , Microsoft
- ^ Руководство по предварительной версии платформы Internet Explorer для разработчиков , Microsoft
- ^ Рекомендации по началу работы с SVG - IEBlog , Microsoft
- ^ Галино, Сильвен (23 апреля 2010 г.), Meet WOFF, Стандартный формат веб-шрифтов , Microsoft
- ^ Оливье, Франк (2016-05-03), Ускорьте загрузку страниц с помощью шрифтов WOFF 2.0 в Microsoft Edge - Блог разработчиков Microsoft EdgeБлог разработчиков Microsoft Edge , Microsoft
- Геккон
- ^ @ font-face , Mozilla
- ^ Ошибка 3512 - (font-stretch) Реализация свойства font-stretch , Mozilla.
- ^ Ошибка 475891 - реализация поддержки диапазона Unicode в пользовательском наборе шрифтов Mozilla.
- ^ Ошибка 549861 - (вариант шрифта) реализован анализ свойств функции шрифта , Mozilla.
- ^ Ошибка 511339 - реализация экспериментальной поддержки -moz-font-feature-settings , Mozilla.
- ^ а б Ошибка 520357 - поддержка нового формата веб-шрифтов (EOT Lite) в @ font-face , Mozilla.
- ^ 70132 - Поддержка @ font-face , Mozilla
- ^ а б Ошибка 119490 - Реализация шрифтов SVG , Mozilla.
- ^ Mozilla поддерживает формат открытых веб-шрифтов - блог Mozilla, Mozilla
- ^ Firefox 35 для разработчиков - Mozilla & # x007c MDN , Mozilla
- ^ Ошибка 468237 - изображение SVG, использующее шрифт, указанный через @ font-face, не использует шрифт после загрузки , Mozilla
- WebKit
- ^ Хаятт, Дэйв (2007-10-03), Загружаемые шрифты , Apple
- ^ Проблема 9633: отключение веб-шрифтов по умолчанию , Google, 1 апреля 2009 г.
- ^ Полный проход acid3 - Chromium-dev , Google, 3 июля 2009 г.
- ^ Проблема 17818: Безопасная поддержка динамических шрифтов и веб-шрифтов , Google, 27 июля 2009 г.
- ^ Ирландец, Пол (25 января 2010 г.), Chrome и @ font-face: Он здесь!
- ^ Ошибка 12530 - CSS3: поддержка свойства font-stretch , WebKit.
- ^ Поддержка @ font-face в Safari , заархивировано из оригинала 19 января 2010 г. , получено 17 февраля 2010 г.
- ^ а б Ошибка 20542 - Добавление возможности рендеринга шрифтов EOT , WebKit
- ^ а б Набор изменений 29012 - WebKit , WebKit
- ^ а б в > 31302 - Добавить поддержку WOFF для @ font-face , WebKit
- ^ Safari 10.0 , Apple
- ^ В Safari лигатуры могут быть включены с настройкой CSS -рендеринга текста , но тогда они используются без разбора, даже когда межбуквенный интервал увеличен (см. Fraktur letterpacing ); в Google Chrome лигатуры не работают.
- Мигать
- ^ 14948 - Поддержка сайтов, использующих шрифты EOT и кодировку шрифтов с преобразованием на лету в Unicode с расширением - chromium - Monorail , Chromium
- ^ Шрифты SVG (1.1) - статус платформы Chrome , Google
- ^ Блог Chromium: бета-версия Chrome 36: element.animate (), HTML Imports и Object.observe () , Chromium
- Престо
- ^ Миллс, Крис (2008-12-04), Opera Presto 2.2 и Opera 10 - первый взгляд , Opera, заархивировано из оригинала 10 февраля 2010 г. , получено 16 февраля 2010 г.
- ^ Семь демонстраций веб-шрифтов , Opera, 1 сентября 2009 г., заархивировано из оригинала 14 февраля 2010 г. , извлечено 17 февраля 2010 г.
- ^ При увеличении межбуквенного интервала эти символы становятся пробелами.
- ^ Маки, Курт (10 декабря 2018 г.). «Браузер Microsoft Edge получит новый движок рендеринга, но EdgeHTML продолжает работать» . Редмонд Мэг . Проверено 21 декабря 2019 .