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

	Компьютеры						Мобильные
	Chrome	Edge	Firefox	Internet Explorer	Opera	Safari	Android webview	Chrome для Android	Firefox для Android	Opera для Android	Safari on iOS	Samsung Internet
`FontFace`	Chrome Полная поддержка 35	Edge ?	Firefox Полная поддержка 41	IE ?	Opera Полная поддержка 22	Safari Полная поддержка 10	WebView Android Полная поддержка 37	Chrome Android Полная поддержка 35	Firefox Android Полная поддержка 41	Opera Android Полная поддержка 22	Safari iOS Полная поддержка 10	Samsung Internet Android Полная поддержка 4.0
`FontFace()` constructor	Chrome Полная поддержка 35	Edge ?	Firefox Полная поддержка 41	IE ?	Opera Полная поддержка 22	Safari Полная поддержка 10	WebView Android Полная поддержка 37	Chrome Android Полная поддержка 35	Firefox Android Полная поддержка 41	Opera Android Полная поддержка 22	Safari iOS Полная поддержка 10	Samsung Internet Android Полная поддержка 4.0
`display` Экспериментальная	Chrome Полная поддержка 60	Edge ?	Firefox Полная поддержка 58	IE ?	Opera Полная поддержка 47	Safari Полная поддержка 11	WebView Android Полная поддержка 60	Chrome Android Полная поддержка 60	Firefox Android Нет поддержки Нет	Opera Android Полная поддержка 44	Safari iOS Нет поддержки Нет	Samsung Internet Android Полная поддержка 8.0
`family` Экспериментальная	Chrome Полная поддержка 35	Edge ?	Firefox Полная поддержка Да	IE ?	Opera Полная поддержка Да	Safari Полная поддержка 10	WebView Android Полная поддержка 37	Chrome Android Полная поддержка 35	Firefox Android Полная поддержка Да	Opera Android Полная поддержка Да	Safari iOS Полная поддержка Да	Samsung Internet Android Полная поддержка 4.0
`featureSettings` Экспериментальная	Chrome Полная поддержка 35	Edge ?	Firefox Полная поддержка Да	IE ?	Opera Полная поддержка Да	Safari Полная поддержка 10	WebView Android Полная поддержка 37	Chrome Android Полная поддержка 35	Firefox 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 Полная поддержка 10	WebView 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 Полная поддержка 10	WebView 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 Полная поддержка 35	Edge ?	Firefox Полная поддержка Да	IE ?	Opera Полная поддержка Да	Safari Полная поддержка 10	WebView Android Полная поддержка 37	Chrome Android Полная поддержка 35	Firefox Android Полная поддержка Да	Opera Android Полная поддержка Да	Safari iOS Полная поддержка Да	Samsung Internet Android Полная поддержка 4.0
`stretch` Экспериментальная	Chrome Полная поддержка 35	Edge ?	Firefox Полная поддержка Да	IE ?	Opera Полная поддержка Да	Safari Полная поддержка 10	WebView Android Полная поддержка 37	Chrome Android Полная поддержка 35	Firefox Android Полная поддержка Да	Opera Android Полная поддержка Да	Safari iOS Полная поддержка Да	Samsung Internet Android Полная поддержка 4.0
`style` Экспериментальная	Chrome Полная поддержка 35	Edge ?	Firefox Полная поддержка Да	IE ?	Opera Полная поддержка Да	Safari Полная поддержка 10	WebView Android Полная поддержка 37	Chrome Android Полная поддержка 35	Firefox Android Полная поддержка Да	Opera Android Полная поддержка Да	Safari iOS Полная поддержка Да	Samsung Internet Android Полная поддержка 4.0
`unicodeRange` Экспериментальная	Chrome Полная поддержка 35	Edge ?	Firefox Полная поддержка Да	IE ?	Opera Полная поддержка Да	Safari Полная поддержка 10	WebView Android Полная поддержка 37	Chrome Android Полная поддержка 35	Firefox Android Полная поддержка Да	Opera Android Полная поддержка Да	Safari iOS Полная поддержка Да	Samsung Internet Android Полная поддержка 4.0
`variant` Экспериментальная	Chrome Полная поддержка 35	Edge ?	Firefox Полная поддержка Да	IE ?	Opera Полная поддержка Да	Safari Полная поддержка 10	WebView Android Полная поддержка 37	Chrome Android Полная поддержка 35	Firefox Android Полная поддержка Да	Opera Android Полная поддержка Да	Safari iOS Полная поддержка Да	Samsung Internet Android Полная поддержка 4.0
`weight` Экспериментальная	Chrome Полная поддержка 35	Edge ?	Firefox Полная поддержка Да	IE ?	Opera Полная поддержка Да	Safari Полная поддержка 10	WebView Android Полная поддержка 37	Chrome Android Полная поддержка 35	Firefox Android Полная поддержка Да	Opera Android Полная поддержка Да	Safari iOS Полная поддержка Да	Samsung Internet Android Полная поддержка 4.0
Available in workers	Chrome Полная поддержка 69	Edge ?	Firefox ?	IE ?	Opera ?	Safari ?	WebView Android Полная поддержка 69	Chrome Android Полная поддержка 69	Firefox Android ?	Opera Android ?	Safari iOS ?	Samsung Internet Android Полная поддержка 10.0

Легенда

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