Choosing A Font（From the book: CSS The Missing Manual）

Serif fonts

Serif fonts are best for long passages of text, as it’s widely believed that the serifs—those tiny “feet” at the end of a letter’s main strokes—gently lead the eye from letter to letter, making text easier to read.

• “Times New Roman”, Times, serif
• Georgia, “Times New Roman”, Times, serif

• Baskerville, “Palatino Linotype”, Times, serif

• “Hoefler Text”, Garamond, Times, serif

 

Sans-serif fonts

Sans-serif fonts are often used for headlines, thanks to their clean and simple appearance.

• Arial, Helvetica, sans-serif
• Verdana, Arial, Helvetica, sans-serif
• Geneva, Arial, Helvetica, sans-serif
• Tahoma, “Lucida Grande”, Arial, sans-serif
• “Trebuchet MS”, Arial, Helvetica, sans-serif
• “Century Gothic”, “Gill Sans”, Arial, sans-serif

Monospaced and fun fonts

Monospaced fonts are often used to display computer code (like the CSS snippets you see throughout this book). Each letter in a monospaced font is the same width

• “Courier New”, Courier, monospace
• “Lucida Console”, Monaco, monospace
• “Copperplate Light”, “Copperplate Gothic Light”, serif
• “Marker Felt”, “Comic Sans MS”, fantasy