liveBook · Manning

Georgia

As explained in Web Design Playground, Second Edition

Georgia is a serif typeface designed for readable text display on screens and in print.

Georgia is a serif typeface suited to body text on screens and in print. Pair it with a contrasting typeface such as Verdana for headings, then apply it through CSS. section 5.3

font-family: Georgia, serif;
font-family: Verdana, sans-serif;

Use the font-family property to request Georgia, with a generic serif fallback if it is unavailable. section 5.3

Georgia for page body text

Apply Georgia to the content container so its paragraphs and list inherit the typeface: <div style="font-family: Georgia, serif;"><p>First text block</p><p>Second text block</p></div>. Adjust the content width so left-aligned lines do not leave excessive whitespace. section 5.5

How Web Design Playground, Second Edition covers it

How deep it goes
Defines Georgia as a body-text choice and demonstrates CSS application, stopping short of detailed typeface theory.
Examples
Demonstrates Georgia in paragraphs and lists within a personal homepage content section.
What it assumes
Assumes basic HTML and CSS elements such as div, p, and font-family while explaining the choice from readability concerns.
What you can do after
Apply it via CSS to style a webpage’s body text with Georgia and a serif fallback.
How it connects
Connects Georgia with serif typefaces, sans-serif typefaces, CSS, font-family, headings, and body text.
Cover of Web Design Playground, Second Edition
liveBookmanning.com
Read Web Design Playground, Second Edition on liveBook Get the book at manning.com

Related concepts

This explainer was generated by Manning's knowledge graph from the text of Web Design Playground, Second Edition. The section links point to the parts of the book it draws on.