FontData: style-Eigenschaft
Experimentell: Dies ist eine experimentelle Technologie
Überprüfen Sie die Browser-Kompatibilitätstabelle sorgfältig, bevor Sie diese produktiv verwenden.
Die schreibgeschützte style
-Eigenschaft der FontData
-Schnittstelle gibt den Stil des Schriftbildes zurück.
Dies ist der Wert, der verwendet wird, um den gewünschten Stil der Schriftart auszuwählen, z.B. innerhalb der font-style
-Eigenschaft.
Beispiele umfassen:
- UltraLight
- Regular
- Heavy
- Medium Italic
- Extrabold
Wert
Ein String.
Beispiele
Der folgende Codeausschnitt fragt alle verfügbaren Schriftarten ab und loggt Metadaten. Dies könnte beispielsweise verwendet werden, um ein Schriftartenauswahl-Steuerelement zu füllen.
js
async function logFontData() {
try {
const availableFonts = await window.queryLocalFonts();
for (const fontData of availableFonts) {
console.log(fontData.postscriptName);
console.log(fontData.fullName);
console.log(fontData.family);
console.log(fontData.style);
}
} catch (err) {
console.error(err.name, err.message);
}
}
Spezifikationen
Specification |
---|
Local Font Access # ref-for-dom-fontdata-style |
Browser-Kompatibilität
BCD tables only load in the browser