W3cubDocs

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

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

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