THIS WEEK'S JOB // Choose your shop's typefaces and load them so every visitor's browser can draw them. (Book pages 193-204 in Mrs. Gaiser's book.)
THE THREE IDEAS
font-family with fallbacks
List your first choice, then backups, then a generic family last: font-family: Georgia, serif;. Browsers walk the list until one works.
Serif, sans-serif, monospace
Serifs have little feet (bookish), sans-serifs are clean (modern), monospace is typewriter (code). Pick two families max for a whole site.
Size in the right units
font-size in px is fine to start. Headings big, body around 16px, and nothing so small your grandmother squints.
TRY IT IN THE PAINT BOOTH
<style>
body { font-family: Verdana, Arial, sans-serif; font-size: 16px; }
h1 { font-family: Georgia, 'Times New Roman', serif; }
</style>
<h1>A Serif Sign</h1>
<p>Over clean sans-serif body text. Two families, whole shop.</p>OPEN THE PAINT BOOTH, PRELOADED »
ON YOUR LOT
Choose your site's two families, set them in style.css, and check every page. If any page ignored you, find the rule that outranked you.