So laden Sie Fallback-Schriftformate mit der FontFace-API

Question

Wenn Sie FontFace API (nicht @fontface) verwenden, gibt es eine bequeme Möglichkeit, mehrere verschiedene Schriftformate zu übergeben, wie zB die Bereitstellung mehrerer Quellen in @fontface?

Oder gibt es alternativ eine bequeme Möglichkeit zu überprüfen, welche Formate der Browser mit der FontFace-API akzeptiert, so dass ich die ideale von mehreren bieten kann?

Answer 1

Aus dem aktuellen Entwurf der CSS Font Loading Spezifikation, die FontFace API nimmt die gleichen Werte wie die entsprechenden @font-face Deskriptoren. Es bedeutet, dass Sie einfach die Schriftartdatenquelle übergeben können, unabhängig davon, welche Fallback-Zeichenfolge Sie in Ihrer @font-face-Definition verwenden würden. It’s how WebKit handles it, trotzdem:

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