CSS Question: What do Multiple Fonts Mean?

Hi community,
In the Introduction to CSS, I was asked to insert the following under the “head” section of an HTML file:

 <style> 
    h1 {
      font-family: Arial, Helvetica, sans-serif;
      font-size: 24px;`
      margin: 0;
      padding-bottom: 6px;
    }

    p {
      color: red; 
    }
  
  </style>

Why were we asked to Arial, Helvetica, and the Sans-Serif fonts? What do all those three fonts mean in combination?

When I tried removing one or two of those fonts, there was no change to the overall appearance.

Thank you!

Hey Joseph,

Good question! When using the font-family, property, you will usually provide a list of different font families in order of priority. If the web browser doesn’t support your first choice of font, it will default to the second or until it finds a font family it can load.

You will actually learn more about font properties in the CSS Font Properties step of the Text and Typography lesson later in the course!

Let me know if you have any other questions :slight_smile:

Best,
Lorraine