Skip to content
Related Articles

Related Articles

How to set the font family of text using CSS ?

View Discussion
Improve Article
Save Article
  • Last Updated : 23 Dec, 2020

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.


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.



<!DOCTYPE html>
        How to set font family
        of text using CSS ?
        body {
            text-align: center;
        h1 {
            color: green;
        .para1 {
            font-family: "Impact", Times, serif;
        .para2 {
            font-family: Arial, Helvetica, sans-serif;
        How to set font family
        of text using CSS ?
    <p class="para1">
        GeeksforGeeks in Impact font
    <p class="para2">
        GeeksforGeeks in Arial font


My Personal Notes arrow_drop_up
Recommended Articles
Page :

Start Your Coding Journey Now!