CSS basic: Font family

The idea of fallback in CSS font

Aug 5, 2021


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):


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




Teaching JavasScript, React, React Native, MongoDB and NodeJS https://linktr.ee/ckmobile