FontData: fullName-Eigenschaft
Experimentell: Dies ist eine experimentelle Technologie
Überprüfen Sie die Browser-Kompatibilitätstabelle sorgfältig, bevor Sie diese produktiv verwenden.
Die schreibgeschützte Eigenschaft fullName
der FontData
-Schnittstelle gibt den vollständigen Namen des Schriftschnitts zurück. Dies ist normalerweise ein menschenlesbarer Name, der zur Identifizierung der Schriftart verwendet wird, z. B. "Optima Bold".
Beispiele umfassen:
- Apple SD Gothic Neo UltraLight
- Arial Black
- Avenir Next Heavy
- Katari Medium Italic
- YuMincho +36p Kana Extrabold
Wert
Ein Zeichenfolge.
Beispiele
Das folgende Beispiel sucht nach allen verfügbaren Schriftarten und protokolliert Metadaten. Dies könnte beispielsweise verwendet werden, um ein Schriftarten-Auswahlwerkzeug zu füllen.
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-fullname |
Browser-Kompatibilität
BCD tables only load in the browser