Dokument: fonts Eigenschaft
Baseline
Weitgehend verfügbar
Diese Funktion ist gut etabliert und funktioniert auf vielen Geräten und in vielen Browserversionen. Sie ist seit Januar 2020 browserübergreifend verfügbar.
Die fonts Eigenschaft des Document Interfaces gibt das FontFaceSet Interface des Dokuments zurück.
Diese Funktion ist Teil der CSS Font Loading API.
Wert
Der zurückgegebene Wert ist das FontFaceSet Interface des Dokuments.
Das FontFaceSet Interface ist nützlich zum Laden neuer Schriftarten, Überprüfen des Status zuvor geladener Schriftarten etc.
Beispiele
Durchführung von Operationen, nachdem Schriftarten geladen sind
document.fonts.ready.then((fontFaceSet) => {
// Any operation that needs to be done only after all used fonts
// have finished loading can go here.
const fontFaces = [...fontFaceSet];
console.log(fontFaces);
// some fonts may still be unloaded if they aren't used on the site
console.log(fontFaces.map((f) => f.status));
});
Das Versprechen wird erfüllt, wenn Lade- und Layoutoperationen aller verwendeten Schriftarten abgeschlossen sind. Die Menge der verwendeten Schriftarten kann sich von der Menge der erklärten Schriftarten unterscheiden, z.B. wenn optionale Schriftarten (d.h. Schriftarten, die über font-display: optional deklariert wurden) nicht rechtzeitig geladen werden konnten.
Spezifikationen
| Spezifikation |
|---|
| CSS Font Loading Module Level 3 # FontFaceSet-interface |
Browser-Kompatibilität
Siehe auch
FontFaceSetInterfaceFontFace