Документ: свойство fonts

Свойство fonts интерфейса Document возвращает интерфейс FontFaceSet документа.

Эта функция является частью API загрузки шрифтов CSS.

Возвращаемое значение — интерфейс FontFaceSet документа. Интерфейс FontFaceSet полезен для загрузки новых шрифтов, проверки состояния загруженных ранее шрифтов и т. д.

document.fonts.ready.then((fontFaceSet) => {
  // Any operation that needs to be done only after all used fonts
  // have finished loading can go here.
  const fontFaces = [...fontFaceSet];
  console.log(fontFaces);
  // some fonts may still be unloaded if they aren't used on the site
  console.log(fontFaces.map((f) => f.status));
});

Обещание выполняется, когда завершаются операции загрузки и вывода всех используемых шрифтов. Множество используемых шрифтов может отличаться от множества *объявленных* шрифтов, например, если необязательные шрифты (т. е. шрифты, объявленные через font-display: optional) не смогли загрузиться вовремя.

• FontFaceSet интерфейс
• FontFace