FontData: style-Eigenschaft

Experimentell: Dies ist eine experimentelle Technologie
Überprüfen Sie die Browser-Kompatibilitätstabelle sorgfältig vor der Verwendung auf produktiven Webseiten.

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

Siehe auch