Skip to main content

CSS font loading

The CSS font loading module describes events and interfaces used for dynamically loading font resources.

Reference​

Interfaces​

  • {{domxref("fontFace")}} interface
    • FontFace() constructor
    • {{domxref("fontFace.family")}} property
    • {{domxref("fontFace.style")}} property
    • {{domxref("fontFace.weight")}} property
    • {{domxref("fontFace.stretch")}} property
    • {{domxref("fontFace.unicodeRange")}} property
    • {{domxref("fontFace.variant")}} property
    • {{domxref("fontFace.featureSettings")}} property
    • {{domxref("fontFace.variationSettings")}} property
    • {{domxref("fontFace.display")}} property
    • {{domxref("fontFace.ascentOverride")}} property
    • {{domxref("fontFace.descentOverride")}} property
    • {{domxref("fontFace.lineGapOverride")}} property
    • {{domxref("fontFace.load()")}} method (returns a promise)
  • {{domxref("fontFaceSet")}} interface
  • {{domxref("fontFaceSetLoadEvent")}} event

Guides​

  • CSS font loading API
    • : Overview of the CSS Font Loading API, which provide events and interfaces for dynamically loading font resources.
  • CSS {{cssxref("@font-face")}} at-rule
  • CSS {{cssxref("@font-feature-values")}} at-rule
  • {{domxref("CSSFontFaceRule")}} interface
  • Document {{domxref("document.fonts", "fonts")}} property (returns the {{domxref("FontFaceSet")}} object instance)
  • WorkerGlobalScope {{domxref("WorkerGlobalScope.fonts", "fonts")}} property (returns the {{domxref("FontFaceSet")}} object instance)
  • JavaScript {{jsxref("Promise")}} object

Specifications​

See also​