When you define a font in CSS you should always use one of the generic fonts, either as the only option or as the last option in the font-family. For example:
font-family : Verdana, Arial, Helvetica, sans-serif;
No doubt everyone knows about serif and sans-serif generic fonts in CSS. But wait. There’s more. CSS specs give five generic fonts. Here we are then:
-
This is an example of your generic serif font.
-
This is an example of your generic sans-serif font.
-
This is an example of your generic monospace font.
The effect is similar to a manual typewriter, and is often used to set samples of computer code
-
This is an example of your generic cursive font. It’s supposed to be reminiscent of handwriting. What do you think?
generally have either joining strokes or other cursive characteristics beyond those of italic typefaces. The glyphs are partially or completely connected, and the result looks more like handwritten pen or brush writing than printed letterwork -
This is an example of your generic fantasy font. An ‘unusual’ or ‘exotic’ font.
Fantasy fonts, as used in CSS, are primarily decorative while still containing representations of characters