Serif fonts
Serif fonts have a small stroke at the end of their longer strokes.
Serif fonts examples:
- Times New Roman
- Times
How to specify Serif fonts
.serif-class {
font-family: "Times New Roman", Times, serif;
}
Sans serif fonts
Sans serif fonts have clean lines without small strokes attached.
Sans serif fonts examples:
- Arial
- Helvetica
How to specify Sans serif fonts
.sans-serif-class {
font-family: Arial, Helvetica, sans-serif;
}
Monospace fonts
A monospace font is a font in which all the letters have the same fixed width.
Monospace fonts examples:
- Courier New
- Courier
How to specify Monospace fonts
.monospace-class {
font-family: 'Courier New', Courier, monospace;
}