The font-family
CSS descriptor allows authors to specify the font family for the font specified in an @font-face
rule.
font-family
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
<family-name>where
<family-name> = <string> | <custom-ident>+
Examples
Setting the font family name
@font-face { font-family: examplefont; src: url('examplefont.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
|
See also
© 2005–2021 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