FontFace: family property

Baseline 已廣泛支援

此特性已相當成熟,可在許多裝置和瀏覽器版本上使用。自 ⁨2020 年 1 月⁩ 起,所有主流瀏覽器均已支援。

注意:此功能在 Web Workers 中可用。

FontFace.family 屬性允許作者獲取或設定一個 FontFace 物件的字型族。

當使用 font-family 屬性對元素進行樣式設定時,該值用於與特定字體面進行名稱匹配。可以使用任何名稱,並且該名稱會覆蓋基礎字型資料中指定的任何名稱。

此屬性等同於 @font-facefont-family 描述符。

字串。

示例

js
let fontFace = new FontFace(
  "Roboto",
  'url("https://fonts.example.com/roboto.woff2")',
);
console.log(fontFace.family); // 'Roboto'

fontFace.family = "newRoboto";
console.log(fontFace.family); // 'newRoboto'

規範

規範
CSS 字型載入模組等級 3
# dom-fontface-family

瀏覽器相容性