CSS | font-family Property
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: Sets the property to its default value.
- inherit: Inherits the property from the parent element.
Example:
<!DOCTYPE html> < html > < head > < title > CSS | font-family Property </ title > < style > .para1 { font-family: "Impact", Times, serif; } .para2 { font-family: Arial, Helvetica, sans-serif; } </ style > </ head > < body > < h1 >Font-family Property</ h1 > < p class = "para1" >GeeksforGeeks in Impact font</ p > < p class = "para2" >GeeksforGeeks in Arial font.</ p > </ body > </ html > |
chevron_right
filter_none
Output:
Supported Browsers: The browsers supported by font-family property are listed below:
- Google Chrome 1.0
- Internet Explorer 4.0
- Firefox 1.0
- Opera 3.5
- Apple Safari 1.0