COLR/CPAL(v0) Font Formats
The COLR table adds support for multi-colored glyphs in a manner that integrates with the rasterizers of existing text engines. COLRv0 only supports pure colors, does not support gradients, transformations and various blending modes.
COLR/CPAL(v1) Font Formats
COLRv1 is an improved version of COLRv0, this is also part of the OpenType specification. COLRv1 supports additional graphic capabilities. In addition to solid colors, gradient fills can be used, as well as more complex fills using other graphic operations, including affine transformations and various blending modes.
The font-palette CSS property allows selecting a palette from a color font. In combination with the `@font-palette-values` at-rule, custom palettes can be defined.
`@font-face` descriptor `font-display` that allows control over how a downloadable font renders before it is fully loaded.
If a font has multiple types of variations based on the width of characters, the `font-stretch` property allows the appropriate one to be selected. The property in itself does not cause the browser to stretch to a font.
EOT - Embedded OpenType fonts
Type of font that can be derived from a regular font, allowing small files and legal use of high-quality fonts. Usage is restricted by the file being tied to the website
ui-serif, ui-sans-serif, ui-monospace and ui-rounded values for font-family
Allows more control when choosing system interface fonts
system-ui value for font-family
Value for `font-family` that represents the default user interface font.
Method of applying advanced typographic and language-specific font features to supported OpenType fonts.
Controls the usage of the kerning information (spacing between letters) stored in the font. Note that this only affects OpenType fonts with kerning information, it has no effect on other fonts.
CSS Font Loading
This CSS module defines a scripting interface to font faces in CSS, allowing font faces to be easily created and loaded from script. It also provides methods to track the loading status of an individual font, or of all the fonts on an entire page.
Method of adjusting the font size in a matter that relates to the height of lowercase vs. uppercase letters. This makes it easier to set the size of fallback fonts.
Controls the application of anti-aliasing when fonts are rendered.
Font unicode-range subsetting
This @font-face descriptor defines the set of Unicode codepoints that may be supported by the font face for which it is declared. The descriptor value is a comma-delimited list of Unicode range (<urange>) values. The union of these ranges defines the set of codepoints that serves as a hint for user agents when deciding whether or not to download a font resource for a given text run.
Controls the usage of alternate glyphs associated to alternative names defined in @font-feature-values for certain types of OpenType fonts.
CSS property that provides different ways of displaying numbers, fractions, and ordinal markers.
@font-face Web fonts
Method of displaying fonts downloaded from websites
Method of using fonts defined as SVG shapes. Removed from [SVG 2.0](https://www.w3.org/TR/SVG2/changes.html#fonts) and considered as a deprecated feature with support being removed from browsers.
TTF/OTF - TrueType and OpenType font support
Support for the TrueType (.ttf) and OpenType (.otf) outline font formats in @font-face.
OpenType font settings that allows a single font file to behave like multiple fonts: it can contain all the allowed variations in width, weight, slant, optical size, or any other exposed axes of variation as defined by the font designer. Variations can be applied via the `font-variation-settings` property.
WOFF - Web Open Font Format
Compressed TrueType/OpenType font that contains information about the font's source.
WOFF 2.0 - Web Open Font Format
TrueType/OpenType font that provides better compression than WOFF 1.0.
fontdata api: blob
fontdata api: family
fontdata api: fullname
fontdata api: style
fontfaceset api: add
fontfaceset api: check
fontfaceset api: clear
fontfaceset api: delete
fontfaceset api: has
fontfaceset api: keys
fontfaceset api: load
fontfaceset api: ready
fontfaceset api: size
fontfaceset api: values
fontface api: display
fontface api: family
fontface api: load
fontface api: loaded
fontface api: status
fontface api: stretch
fontface api: style
fontface api: variant
fontface api: weight
css property: font
html element: font