How to set the font family of text using CSS ?

The CSS font property is used to set the fonts content of HTML element. The font-family property specifies the font of an element. It can have multiple fonts as a backup system i.e. if the browser doesn’t support one font then the other can be used.

Syntax:

element_selector {
 font-family: fonts-name | initial | inherit;
}

Property values:

• fonts-name: The names of the font in quotes separated by commas.
• initial: It sets the property to its default value.
• inherit: It inherits the property from the parent element.

Example:

Output: