FontFace

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

Это экспериментальная технология
Так как спецификация этой технологии ещё не стабилизировалась, смотрите таблицу совместимости по поводу использования в различных браузерах. Также заметьте, что синтаксис и поведение экспериментальной технологии может измениться в будущих версиях браузеров, вслед за изменениями спецификации.

Интерфейс FontFace представляет единый используемый шрифт. Он позволяет контролировать источник шрифта, являющийся URL-адресом внешнего ресурса или буфера; а также контролировать момент загрузки шрифта и его текущее состояние.

Конструктор

FontFace()
Создает и возвращает новый объект FontFace, созданный из внешнего ресурса, описаннного  URL-адресом или из ArrayBuffer.

Свойства

Этот интерфейс не наследует свойства.

FontFace.display
CSSOMString определяет способ отображения шрифта, основываясь на информации о статусе его загрузки и готовности к использованию.
FontFace.family
CSSOMString получает или устанавливает семейство шрифта. Эквивалентен дескриптору font-family.
FontFace.featureSettings
CSSOMString получает или устанавливает редко используемые возможности шрифта. Эквивалентен дескриптору font-feature-settings.
FontFace.loaded Только для чтения
Возвращает Promise, которое выполняется для текущего объекта  FontFace, когда специфичный шрифт, указанный в конструкторе объекта, завершает загрузку, либо отклоняется с помощью SyntaxError.
FontFace.status Только для чтения
Возвращает перечисляемое значение, указывающее на состояние шрифта : "unloaded", "loading", "loaded", или "error".
FontFace.stretch
CSSOMString получает или устанавливает свойство растягивания шрифта. Эквивалентен дескриптору font-stretch.
FontFace.style
CSSOMString получает или устанавливает стиль шрифта. Эквивалентен дескриптору font-style.
FontFace.unicodeRange
CSSOMString получает или устанавливает диапазон точек кодирования Юникод, охватывающих шрифт. Эквивалентен дескриптору unicode-range.
FontFace.variant
CSSOMString получает или устанавливает вариант шрифта. Эквивалентен дескриптору font-variant.
FontFace.weight
CSSOMString содежит толщину шрифта. Эквивалентен дескриптору font-weight.

Методы

Этот интерфейс не наследует методы.

FontFace.load()
Загружает шрифт, основываясь на переданных требованиях конструктора текущего объекта, включая расположение или ресурсный буфер, и возврящает Promise, которое выполнятеся для текущего объекта FontFace.

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

Спецификация Статус оммнтари
CSS Font Loading Module Level 3
Определение 'FontFaceSet' в этой спецификации.
Рабочий черновик Первое определение

Поддержка браузерами

Update compatibility data on GitHub
КомпьютерыМобильные
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome для AndroidFirefox для AndroidOpera для AndroidSafari on iOSSamsung Internet
FontFaceChrome Полная поддержка 35Edge ? Firefox Полная поддержка 41IE ? Opera Полная поддержка 22Safari Полная поддержка 10WebView Android Полная поддержка 37Chrome Android Полная поддержка 35Firefox Android Полная поддержка 41Opera Android Полная поддержка 22Safari iOS Полная поддержка 10Samsung Internet Android Полная поддержка 4.0
FontFace() constructorChrome Полная поддержка 35Edge ? Firefox Полная поддержка 41IE ? Opera Полная поддержка 22Safari Полная поддержка 10WebView Android Полная поддержка 37Chrome Android Полная поддержка 35Firefox Android Полная поддержка 41Opera Android Полная поддержка 22Safari iOS Полная поддержка 10Samsung Internet Android Полная поддержка 4.0
display
Экспериментальная
Chrome Полная поддержка 60Edge ? Firefox Полная поддержка 58IE ? Opera Полная поддержка 47Safari Полная поддержка 11WebView Android Полная поддержка 60Chrome Android Полная поддержка 60Firefox Android Нет поддержки НетOpera Android Полная поддержка 44Safari iOS Нет поддержки НетSamsung Internet Android Полная поддержка 8.0
family
Экспериментальная
Chrome Полная поддержка 35Edge ? Firefox Полная поддержка ДаIE ? Opera Полная поддержка ДаSafari Полная поддержка 10WebView Android Полная поддержка 37Chrome Android Полная поддержка 35Firefox Android Полная поддержка ДаOpera Android Полная поддержка ДаSafari iOS Полная поддержка ДаSamsung Internet Android Полная поддержка 4.0
featureSettings
Экспериментальная
Chrome Полная поддержка 35Edge ? Firefox Полная поддержка ДаIE ? Opera Полная поддержка ДаSafari Полная поддержка 10WebView Android Полная поддержка 37Chrome Android Полная поддержка 35Firefox Android Полная поддержка ДаOpera Android Полная поддержка ДаSafari iOS Полная поддержка ДаSamsung Internet Android Полная поддержка 4.0
load
Экспериментальная
Chrome Полная поддержка 45
Полная поддержка 45
Нет поддержки 35 — 45
Замечания
Замечания Before Chrome 45, the returned promise resolved with void instead of a FontFace object as required by the specification.
Edge ? Firefox Полная поддержка ДаIE ? Opera Полная поддержка ДаSafari Полная поддержка 10WebView Android Полная поддержка 45
Полная поддержка 45
Нет поддержки 37 — 45
Замечания
Замечания Before WebView 45, the returned promise resolved with void instead of a FontFace object as required by the specification.
Chrome Android Полная поддержка 45
Полная поддержка 45
Нет поддержки 35 — 45
Замечания
Замечания Before Chrome 45, the returned promise resolved with void instead of a FontFace object as required by the specification.
Firefox Android Полная поддержка ДаOpera Android Полная поддержка ДаSafari iOS Полная поддержка ДаSamsung Internet Android Полная поддержка 5.0
Полная поддержка 5.0
Нет поддержки 4.0 — 5.0
Замечания
Замечания Before Samsung Internet 5.0, the returned promise resolved with void instead of a FontFace object as required by the specification.
loaded
Экспериментальная
Chrome Полная поддержка 45
Полная поддержка 45
Нет поддержки 35 — 45
Замечания
Замечания Before Chrome 45, the returned promise resolved with void instead of a FontFace object as required by the specification.
Edge ? Firefox Полная поддержка ДаIE ? Opera Полная поддержка ДаSafari Полная поддержка 10WebView Android Полная поддержка 45
Полная поддержка 45
Нет поддержки 37 — 45
Замечания
Замечания Before WebView 45, the returned promise resolved with void instead of a FontFace object as required by the specification.
Chrome Android Полная поддержка 45
Полная поддержка 45
Нет поддержки 35 — 45
Замечания
Замечания Before Chrome 45, the returned promise resolved with void instead of a FontFace object as required by the specification.
Firefox Android Полная поддержка ДаOpera Android Полная поддержка ДаSafari iOS Полная поддержка ДаSamsung Internet Android Полная поддержка 5.0
Полная поддержка 5.0
Нет поддержки 4.0 — 5.0
Замечания
Замечания Before Samsung Internet 5.0, the returned promise resolved with void instead of a FontFace object as required by the specification.
status
Экспериментальная
Chrome Полная поддержка 35Edge ? Firefox Полная поддержка ДаIE ? Opera Полная поддержка ДаSafari Полная поддержка 10WebView Android Полная поддержка 37Chrome Android Полная поддержка 35Firefox Android Полная поддержка ДаOpera Android Полная поддержка ДаSafari iOS Полная поддержка ДаSamsung Internet Android Полная поддержка 4.0
stretch
Экспериментальная
Chrome Полная поддержка 35Edge ? Firefox Полная поддержка ДаIE ? Opera Полная поддержка ДаSafari Полная поддержка 10WebView Android Полная поддержка 37Chrome Android Полная поддержка 35Firefox Android Полная поддержка ДаOpera Android Полная поддержка ДаSafari iOS Полная поддержка ДаSamsung Internet Android Полная поддержка 4.0
style
Экспериментальная
Chrome Полная поддержка 35Edge ? Firefox Полная поддержка ДаIE ? Opera Полная поддержка ДаSafari Полная поддержка 10WebView Android Полная поддержка 37Chrome Android Полная поддержка 35Firefox Android Полная поддержка ДаOpera Android Полная поддержка ДаSafari iOS Полная поддержка ДаSamsung Internet Android Полная поддержка 4.0
unicodeRange
Экспериментальная
Chrome Полная поддержка 35Edge ? Firefox Полная поддержка ДаIE ? Opera Полная поддержка ДаSafari Полная поддержка 10WebView Android Полная поддержка 37Chrome Android Полная поддержка 35Firefox Android Полная поддержка ДаOpera Android Полная поддержка ДаSafari iOS Полная поддержка ДаSamsung Internet Android Полная поддержка 4.0
variant
Экспериментальная
Chrome Полная поддержка 35Edge ? Firefox Полная поддержка ДаIE ? Opera Полная поддержка ДаSafari Полная поддержка 10WebView Android Полная поддержка 37Chrome Android Полная поддержка 35Firefox Android Полная поддержка ДаOpera Android Полная поддержка ДаSafari iOS Полная поддержка ДаSamsung Internet Android Полная поддержка 4.0
weight
Экспериментальная
Chrome Полная поддержка 35Edge ? Firefox Полная поддержка ДаIE ? Opera Полная поддержка ДаSafari Полная поддержка 10WebView Android Полная поддержка 37Chrome Android Полная поддержка 35Firefox Android Полная поддержка ДаOpera Android Полная поддержка ДаSafari iOS Полная поддержка ДаSamsung Internet Android Полная поддержка 4.0
Available in workersChrome Полная поддержка 69Edge ? Firefox ? IE ? Opera ? Safari ? WebView Android Полная поддержка 69Chrome Android Полная поддержка 69Firefox Android ? Opera Android ? Safari iOS ? Samsung Internet Android Полная поддержка 10.0

Легенда

Полная поддержка  
Полная поддержка
Нет поддержки  
Нет поддержки
Совместимость неизвестна  
Совместимость неизвестна
Экспериментальная. Ожидаемое поведение может измениться в будущем.
Экспериментальная. Ожидаемое поведение может измениться в будущем.
Смотрите замечания реализации.
Смотрите замечания реализации.