font-family

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2016.

The font-family CSS descriptor sets the font family for a font specified in an @font-face at-rule.

The value is used for name matching against a particular @font-face when styling elements using the font-family property. Any name may be used, and this overrides any name specified in the underlying font data.

Syntax

css
/* <string> values */
font-family: "font family";
font-family: "another font family";

/* <custom-ident> value */
font-family: example-font;

Values

<family-name>

Specifies the name of the font family.

Formal definition

Related at-rule@font-face
Initial valuen/a (required)
Computed valueas specified

Formal syntax

font-family = 
  <family-name>  

<family-name> = 
  <string>         |
  <custom-ident>+

Examples

Setting the font family name

css
@font-face {
  font-family: "Some font family";
  src: url("some_font_name.ttf");
}

Specifications

Specification
CSS Fonts Module Level 4
# font-family-desc

Browser compatibility

BCD tables only load in the browser

See also