value: [[ <family-name> | <generic-family> ] [, <family-name>| <generic-family>]* ] | inherit
initial value: depends on the user agent settings
inherited: yes
percentages: N/A
applicable to: all elements

The attribute font-family is used to specify which font to use for that element. The element can be a <div>, <header>, <h1>, <p>, <li> tag or any number of other HTML tags.

See the CSS Basics article on Fonts to understand how browsers use your fonts, loading custom fonts, and how fonts are used throughout your web page document.

The font-family property is inherited. This means that if a font-family is stated for the <body> tag, that font will be used throughout the entire document unless other elements have had properties set differently. When stating a font-family, it is best practice to call out one or two backup fonts in the case that the browser does not have access to your first choice for a font.