FontData: fullName 屬性

可用性有限

此特性不是基線特性,因為它在一些最廣泛使用的瀏覽器中不起作用。

實驗性: 這是一項實驗性技術
在生產中使用此技術之前,請仔細檢查瀏覽器相容性表格

fullNameFontData 介面的只讀屬性,用於返回字型的完整名稱。這通常是一個人類可讀的名稱,用於標識字型,例如:“Optima Bold”。

示例包括

  • Apple SD Gothic Neo UltraLight
  • Arial Black
  • Avenir Next Heavy
  • Katari Medium Italic
  • YuMincho +36p Kana Extrabold

字串。

示例

以下程式碼段將查詢所有可用的字型,並記錄元資料。例如,這可以用於填充字型選擇控制元件。

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-fullname

瀏覽器相容性

另見