FontData: свойство family

Только для чтения свойство family интерфейса FontData возвращает семейство шрифтов.

Это имя, используемое при ссылке на семейство шрифтов из кода, например, в свойстве font-family или в местах внутри правила @font-face, например, в функции local().

Примеры:

• Apple SD Gothic Neo
• Arial Black
• Avenir Next
• Katari
• YuMincho +36p Kana

Строка.

Следующий фрагмент запросит все доступные шрифты и выведет метаданные. Это можно использовать, например, для заполнения поля выбора шрифтов.

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);
  }
}

• Используйте расширенную типографику с локальными шрифтами
• @font-face