Verdana is a humanist sans-serif typeface designed for legibility at small sizes on screens. It works well for headings in a personal home page, especially when body text uses a contrasting serif. section 5.3
A practical pairing uses:
- Verdana for headings and other header content. section 5.3
- Georgia for body text, creating contrast between headings and paragraphs. section 5.3
- Larger font sizes, colors, and inherited header styling to make titles stand out. section 5.5
Applying Verdana to a header
Set the header container’s family to Verdana, then let its headings inherit the choice: <div style="font-family: Verdana, sans-serif;"><h1>PAGE TITLE</h1></div>. section 5.5
font-family: Georgia, serif; font-family: Verdana, sans-serif;
Compare the Verdana sans-serif declaration with the Georgia serif declaration used for body text. section 5.3
