So the way it works is: in CSS, you specify a font family, then at the end you specify a generic family, so in case the computer you are using don’t have the font family installed, it will fall back to the default generic family at the end.

Generic families are: Serif, Sans-serif and monospace.

Example of use is: p{font-family:”Times New Roman”, Times, serif;}

Serif fonts

  • Times, Times New Roman, Georgia

Sans-serif fonts

  • Sans means “without”, meaning they don’t have the little hitches
  • On computer screens, these are the easier to read ones
  • Often used for headlines
  • Clean and simple apperance
  • Arial, Helvetica, Vendana, Formata

Monospaced fonts

  • Used to display computer code
  • Courier New, Courier, monospace

When you use italics or bold font variations and they don’t look good, it is usually because you are using a @font-face, and you don’t have the bold and italics variations for them to look good. So the browser is doing an effort to create an italic or bold version of what it has. And sometimes it fails spectacularly. Stop using font faces that don’t have the bold or italic variations you need, or use a font family that includes those already.