In the world of design, fonts are one of the most powerful assets we have, and at the same time, they are one of the most underappreciated ones.
Typography is so powerful that when we use it correctly, we may even get away with not using a single image in our project.
Let's take a look at the CSS font properties, shall we?
The font-family
CSS property defines the font we want an element to use, and looks like this:
font-family: "Times New Roman", Times, Baskerville, Georgia, serif;
This property can hold one or multiple font names in its declaration. There is no limit as to how many font names it can hold; however, it is not only very unlikely to list more than four or five fonts, but it's also unnecessary.
The font family names are separated by commas. We call this the font stack. The browser will read the font stack and use the first one in the stack, if it can't find it or download it, it will move on to the next font family name and so on until it's able to use...