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 value | n/a (required) |
Computed value | as 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
Report problems with this compatibility data on GitHubdesktop | mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
font-family |
Legend
Tip: you can click/tap on a cell for more information.
- Full support
- Full support
The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.