The page title above is the only H1 on this document. The samples below demonstrate the rest of the heading scale, body text, inline text, web-safe fonts, and text-oriented blocks.
Heading level 2
Paragraph text follows the heading. It should remain readable without requiring custom layout.
Heading level 3
Heading level 4
Heading level 5
Heading level 6
Inline text
This paragraph includes strong text, emphasized text, inline code, a descriptive link to the Field Guide, and an abbreviation: W3C.
Small font size sample.
Medium font size sample.
Large font size sample.
Extra large font size sample.
Web-safe font families
Arial: The quick brown fox jumps over the lazy dog. 0123456789.
Arial Black: The quick brown fox jumps over the lazy dog. 0123456789.
Comic Sans MS: The quick brown fox jumps over the lazy dog. 0123456789.
Courier New: The quick brown fox jumps over the lazy dog. 0123456789.
Georgia: The quick brown fox jumps over the lazy dog. 0123456789.
Impact: The quick brown fox jumps over the lazy dog. 0123456789.
Lucida Console: The quick brown fox jumps over the lazy dog. 0123456789.
Lucida Sans Unicode: The quick brown fox jumps over the lazy dog. 0123456789.
Palatino: The quick brown fox jumps over the lazy dog. 0123456789.
Tahoma: The quick brown fox jumps over the lazy dog. 0123456789.
Times New Roman: The quick brown fox jumps over the lazy dog. 0123456789.
Trebuchet MS: The quick brown fox jumps over the lazy dog. 0123456789.
Verdana: The quick brown fox jumps over the lazy dog. 0123456789.
Text blocks
Quote block typography should remain clear and readable.
Dirtbag typography
Pullquote typography is deliberately louder.
Core block sample
body { margin: 8px; }Preformatted text keeps line breaks and spacing.
Verse text keeps its deliberate line breaks.