CSS font families

Just like any other family, font families are COMPLICATED! You have to know their "generic family" as well as their "font family". What are these families? The answer is below:

generic family - a group of font families with a similar look (like "Serif" or "Monospace"
font family - a specific font family (like "Times New Roman" or "Arial")

So if you want to let your html/php code know what font to use, you should start with the font you want, and end with a generic family, to let the browser pick a similar font in the generic family, if no other fonts are available. Here is an example:

font-family: "Times New Roman", Times, serif;

Ok but as I said, this is complicated! Sometimes you don't know which family a font belongs to! Well here is an easy solution:

http://cssfontstack.com

This website gives you all the font families you need and the best part is, you can copy and paste the code right away! It's so convenient! Give it a try :)

Sadaf

___________________________________

Sources:

http://www.w3schools.com/css/css_font.asp