W3cubDocs

/CSS

font-family

The font-family CSS descriptor sets the font family for a font specified in an @font-face 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

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

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

Values

<family-name>

Specifies the name of the font family.

Formal definition

Related at-rule @font-face
Initial value n/a (required)
Computed value as specified

Formal syntax

font-family = 
<family-name>

Examples

Setting the font family name

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

Specifications

Browser compatibility

Desktop Mobile
Chrome Edge Firefox Internet Explorer Opera Safari WebView Android Chrome Android Firefox for Android Opera Android Safari on IOS Samsung Internet
font-family 4 12 3.5 6 10 3.1 2.2 18 4 10.1 2 1.0

See also

© 2005–2023 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-family