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.
Related concepts
- 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
- CSS fonts module