The @font-face CSS at-rule allows authors to specify online fonts to display text on their web pages. By allowing authors to provide their own fonts, @font-face eliminates the need to depend on the limited number of fonts users have installed on their computers. The @font-face at-rule may be used not only at the top level of a CSS, but also inside any CSS conditional-group at-rule.
The @font-feature-values CSS at-rule allows authors to use a common name in font-variant-alternates for feature activated differently in OpenType. It allows to simplify the CSS when using several fonts.
CSS Fonts is a module of CSS that defines font-related properties and how font resources are loaded. It allows to define the style of a font, like its family, its size or its weight, and the variant of the glyph to be used, for a font that has several glyphs for one character. It also allows to define the height of a line.
The font CSS property is either a shorthand property for setting font-style, font-variant, font-weight, font-size, line-height and font-family, or a way to set the element's font to a system font, using specific keywords.
The font-family CSS property lets you specify a prioritized list of font family names and/or generic family names for the selected element. Values are separated by a comma to indicate that they are alternatives. The browser will select the first font on the list that is installed on the computer or that can be downloaded using a @font-face at-rule.
The font-feature-settings CSS property gives you control over advanced typographic features in OpenType fonts.
The font-language-override CSS property controls the usage of language-specific glyphs in a typeface.
The font-size CSS property specifies the size of the font (historically the width of the capital "M"). Setting the font size may, in turn, change the size of other items, since it is used to compute the value of the em and ex <length> units.
The font-size-adjust CSS property specifies that font size should be chosen based on the height of lowercase letters rather than the height of capital letters. This is useful since the legibility of fonts, especially at small sizes, is determined more by the size of lowercase letters than by the size of capital letters.
The font-stretch property selects a normal, condensed, or expanded face from a font.
The font-synthesis CSS property controls which missing typefaces, bold or italic, may be synthesized by the browser.
The font-variant property acts as a shorthand for the longhand properties: font-variant-caps, font-variant-numeric, font-variant-alternates, font-variant-ligatures, and font-variant-east-asian. You can also set the CSS Level 2 (Revision 1) values of font-variant, (that is, normal or small-caps), by using the font shorthand.
The font-variant-alternates CSS property controls the usage of alternate glyphs. These alternate glyphs may be referenced by alternative names defined in @font-feature-values.
The font-variant-caps CSS property controls the usage of alternate glyphs for capital letters. Scripts can have capital letter glyphs of different sizes, the normal uppercase glyphs, small capital glyphs, and petite capital glyphs. This property controls which alternate glyphs to use.
The font-variant-east-asian CSS property controls the usage of alternate glyphs for East Asian scripts, like Japanese and Chinese.
The font-variant-numeric CSS property controls the usage of alternate glyphs for numbers, fractions, and ordinal markers.
The font-variant-position CSS property controls the usage of alternate glyphs of smaller size positioned as superscript or subscript regarding the baseline of the font, which is set unchanged. These glyphs are likely to be used in <sub> and <sup> elements.
The font-weight CSS property specifies the weight or boldness of the font. Some fonts are only available in normal and bold.
The font-family CSS descriptor allows authors to specify the font family for the font specified in an @font-face rule.
src
The src CSS descriptor of the @font-face rule specifies the resource containing font data. It is required for the @font-face rule to be valid.