FontData: family 屬性
FontData 介面的只讀屬性 family 返回字型字面的族系。
這是在程式碼中引用字型族系時使用的名稱,例如,在 font-family 屬性中,或在 @font-face 規則的 local() 函式等位置。
示例包括
- Apple SD Gothic Neo
- Arial Black
- Avenir Next
- Katari
- YuMincho +36p Kana
值
字串。
示例
以下程式碼段將查詢所有可用的字型,並記錄元資料。例如,這可以用於填充字型選擇控制元件。
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);
}
}
規範
| 規範 |
|---|
| 本地字型訪問 API # ref-for-dom-fontdata-family |
瀏覽器相容性
載入中…