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.
CSS font-palette
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.
CSS font-display
`@font-face` descriptor `font-display` that allows control over how a downloadable font renders before it is fully loaded.
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.
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.
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.
@font-face Web fonts
Method of displaying fonts downloaded from websites
TTF/OTF - TrueType and OpenType font support
Support for the TrueType (.ttf) and OpenType (.otf) outline font formats in @font-face.
WOFF 2.0 - Web Open Font Format
TrueType/OpenType font that provides better compression than WOFF 1.0.
fontface api
fontfaceset api
fontfaceset api: add
fontface api: load
fontface api: style
css at-rule: `@font-face`: ascent-override
css at-rule: `@font-face`: descent-override
css at-rule: `@font-face`: font-family
css at-rule: `@font-face`: font-feature-settings
css at-rule: `@font-face`: font-stretch
css at-rule: `@font-face`: font-style
css at-rule: `@font-face`: font-variant
css at-rule: `@font-face`: font-variation-settings
css at-rule: `@font-face`: font-weight
css at-rule: `@font-face`: font-width
css at-rule: `@font-face`: line-gap-override
css at-rule: `@font-face`: opentype cbdt and cblc rendering
css at-rule: `@font-face`: opentype colrv0 rendering
css at-rule: `@font-face`: opentype colrv1 rendering
css at-rule: `@font-face`: opentype sbix rendering
css at-rule: `@font-face`: opentype svg rendering
css at-rule: `@font-face`: size-adjust
css at-rule: `@font-face`: src
css at-rule: `@font-face`: src: drop invalid item (not src string)
css at-rule: `@font-face`: src: `format(keyword)`
css at-rule: `@font-face`: src: `format('*-variations')`
css at-rule: `@font-face`: src: `tech(keyword)`
css at-rule: `@font-face`: svg fonts
css at-rule: `@font-face`: woff
css at-rule: `@font-face`: woff 2
html element: font: face
50 results found.