CSS basic: Font family

The idea of fallback in CSS font

In this article, we are going to talk about the CSS font family. By using the font family, it will hold a group of font names. If the first not work, then it will go to next one and so on.

Source code (Free coupon):

https://www.udemy.com/course/a-complete-css-course/?couponCode=33A3ECA879D08B500198

Photo by Tyler Nix on Unsplash

If we go to the google chrome developer console. We can see the default font family is Times New Roman.

p{
font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}

We can see the font is “Franklin Gothic Medium”.

If the user computer do not have that first font type, then it will be use ‘Arial Narrow’ as fallback.

Follow us: YouTube, Medium, Udemy, Linkedin, Twitter