2016-12-09 15 views
4

При использовании FontFace API (not @fontface) есть удобный способ передать несколько разных форматов шрифтов, например, с предоставлением нескольких источников в @fontface?Как загрузить резервные шрифтовые форматы с помощью FontFace API

Или, наоборот, есть ли удобный способ проверить, какие форматы браузер использует API FontFace, и я могу предоставить самый идеальный из нескольких?

ответ

3

Из того, что говорит текущий проект спецификации CSS Font Loading, API FontFace принимает те же значения, что и соответствующие дескрипторы @font-face. Это означает, что вы можете просто передать в качестве источника данных шрифта любую резервную строку, которую вы используете в определении @font-face. It’s how WebKit handles it, во всяком случае:

let fontFace = new FontFace("MyWebFont", "url('MyWebFont.woff2') format('woff2'), url('MyWebFont.woff') format('woff')"); 
+0

Обновленный ответ после перепроверки спецификации, которая на самом деле говорится довольно ясно, что источник шрифта аргумент следует '@ шрифт-face' синтаксис резервный. –

+1

Ну, это неожиданно прямолинейно. Документация Mozilla плохо справляется с этим, и из спецификации я бы не догадался об этом параметре резервного копирования текста. Спасибо, что поделился! – kontur

+0

Правда, простой пример, подобный тому, который был в блоге WebKit, сделает W3C-спецификацию более полезной. Теперь мне пришлось полностью закрыть спецификацию, чтобы заметить детали, в которых они четко указывают, что это действительно так. –