CSS font family is used to define the font of HTML elements. This property uses many font to set the look of content. You can make your content or paragraph attractive using font family.
Syntax
|
1 |
font-family: enter the font name here |
Example
lets take the example of HTML font family to apply to HTMl paragraph tag contains some text. CSS font family property set the assigned font to content.
Test it Live
|
1 2 3 4 5 6 |
<style> p.font-arial{ font-family: Arial; } </style> <p class="myfont-arial">This is the HTML paragraph to show Arial font using CSS font family.</p> |
Output
This is the HTML paragraph to show Arial font using CSS font family.
CSS Font Family Values List
Below are the list of values for font-family property of CSS.
| Sr. No. | value | Description |
|---|---|---|
| 1 | font name | Used to set the specified font to the content of HTML element. The value for this is can be font name. |
| 2 | initial | Used to define as the property initial value. |
| 3 | inherit | Used to define the computed value of property on the elements parent. |
| 4 | unset | Used to define the property either acts as inherit or initial, depending on the property if it is inherited or not. |