Web Type: Common web font comparisons
Comments
With the limited number of fonts that come standard with PC or Mac operating systems, the choice of fonts to use for any given web page is already pretty limited. Still, every designer will have their favorites among this limited selection. Below are some of the common fonts and examples of them as compared with other similar fonts. Before you look through these, though, you should check and see what fonts are loaded on the machine you are currently using .
Leading is browser default and P tags have been set to 5px bottom margin and no padding. Light outlines are to indicate the default leading being applied.
Quick Compare:
Baskerville AaCcFfGgHhJjMmNnPpQqSsXxYyZz
Hoefler AaCcFfGgHhJjMmNnPpQqSsXxYyZz
Georgia AaCcFfGgHhJjMmNnPpQqSsXxYyZz
Palatino AaCcFfGgHhJjMmNnPpQqSsXxYyZz
Times AaCcFfGgHhJjMmNnPpQqSsXxYyZz
Times New Roman AaCcFfGgHhJjMmNnPpQqSsXxYyZz
Baskerville (font-family: Baskerville, serif;)
36px The quick brown fox jumps.
24px The quick brown fox jumps over a lazy dog.
18px The quick brown fox jumps over a lazy dog.
14px The quick brown fox jumps over a lazy dog.
12px The quick brown fox jumps over a lazy dog.
10px The quick brown fox jumps over a lazy dog.
8px The quick brown fox jumps over a lazy dog.
Variants (click to open)
Baskerville (font-weight: bold;)
36px The quick brown fox jumps.
24px The quick brown fox jumps over a lazy dog.
18px The quick brown fox jumps over a lazy dog.
14px The quick brown fox jumps over a lazy dog.
12px The quick brown fox jumps over a lazy dog.
10px The quick brown fox jumps over a lazy dog.
8px The quick brown fox jumps over a lazy dog.
Baskerville (font-style: italic;)
36px The quick brown fox jumps.
24px The quick brown fox jumps over a lazy dog.
18px The quick brown fox jumps over a lazy dog.
14px The quick brown fox jumps over a lazy dog.
12px The quick brown fox jumps over a lazy dog.
10px The quick brown fox jumps over a lazy dog.
8px The quick brown fox jumps over a lazy dog.
Baskerville (font-style: italic; font-weight: bold;)
36px The quick brown fox jumps.
24px The quick brown fox jumps over a lazy dog.
18px The quick brown fox jumps over a lazy dog.
14px The quick brown fox jumps over a lazy dog.
12px The quick brown fox jumps over a lazy dog.
10px The quick brown fox jumps over a lazy dog.
8px The quick brown fox jumps over a lazy dog.
Baskerville (font-weight: normal; font-variant: small-caps; text-transform: lowercase;)
36px The quick brown fox jumps.
24px The quick brown fox jumps over a lazy dog.
18px The quick brown fox jumps over a lazy dog.
14px The quick brown fox jumps over a lazy dog.
12px The quick brown fox jumps over a lazy dog.
10px The quick brown fox jumps over a lazy dog.
8px The quick brown fox jumps over a lazy dog.
Hoefler (font-family: Hoefler, HoeflerText, serif;)
36px The quick brown fox jumps.
24px The quick brown fox jumps over a lazy dog.
18px The quick brown fox jumps over a lazy dog.
14px The quick brown fox jumps over a lazy dog.
12px The quick brown fox jumps over a lazy dog.
10px The quick brown fox jumps over a lazy dog.
8px The quick brown fox jumps over a lazy dog.
Variants (click to open)
Hoefler (font-weight: bold;)
36px The quick brown fox jumps.
24px The quick brown fox jumps over a lazy dog.
18px The quick brown fox jumps over a lazy dog.
14px The quick brown fox jumps over a lazy dog.
12px The quick brown fox jumps over a lazy dog.
10px The quick brown fox jumps over a lazy dog.
8px The quick brown fox jumps over a lazy dog.
Hoefler (font-style: italic;)
36px The quick brown fox jumps.
24px The quick brown fox jumps over a lazy dog.
18px The quick brown fox jumps over a lazy dog.
14px The quick brown fox jumps over a lazy dog.
12px The quick brown fox jumps over a lazy dog.
10px The quick brown fox jumps over a lazy dog.
8px The quick brown fox jumps over a lazy dog.
Hoefler (font-style: italic; font-weight: bold;)
36px The quick brown fox jumps.
24px The quick brown fox jumps over a lazy dog.
18px The quick brown fox jumps over a lazy dog.
14px The quick brown fox jumps over a lazy dog.
12px The quick brown fox jumps over a lazy dog.
10px The quick brown fox jumps over a lazy dog.
8px The quick brown fox jumps over a lazy dog.
Hoefler (font-weight: normal; font-variant: small-caps; text-transform: lowercase;)
36px The quick brown fox jumps.
24px The quick brown fox jumps over a lazy dog.
18px The quick brown fox jumps over a lazy dog.
14px The quick brown fox jumps over a lazy dog.
12px The quick brown fox jumps over a lazy dog.
10px The quick brown fox jumps over a lazy dog.
8px The quick brown fox jumps over a lazy dog.
Georgia (font-family: Georgia, serif;)
36px The quick brown fox jumps.
24px The quick brown fox jumps over a lazy dog.
18px The quick brown fox jumps over a lazy dog.
14px The quick brown fox jumps over a lazy dog.
12px The quick brown fox jumps over a lazy dog.
10px The quick brown fox jumps over a lazy dog.
8px The quick brown fox jumps over a lazy dog.
Variants (click to open)
Georgia (font-weight: bold;)
36px The quick brown fox jumps.
24px The quick brown fox jumps over a lazy dog.
18px The quick brown fox jumps over a lazy dog.
14px The quick brown fox jumps over a lazy dog.
12px The quick brown fox jumps over a lazy dog.
10px The quick brown fox jumps over a lazy dog.
8px The quick brown fox jumps over a lazy dog.
Georgia (font-style: italic;)
36px The quick brown fox jumps.
24px The quick brown fox jumps over a lazy dog.
18px The quick brown fox jumps over a lazy dog.
14px The quick brown fox jumps over a lazy dog.
12px The quick brown fox jumps over a lazy dog.
10px The quick brown fox jumps over a lazy dog.
8px The quick brown fox jumps over a lazy dog.
Georgia (font-style: italic; font-weight: bold;)
36px The quick brown fox jumps.
24px The quick brown fox jumps over a lazy dog.
18px The quick brown fox jumps over a lazy dog.
14px The quick brown fox jumps over a lazy dog.
12px The quick brown fox jumps over a lazy dog.
10px The quick brown fox jumps over a lazy dog.
8px The quick brown fox jumps over a lazy dog.
Georgia (font-weight: normal; font-variant: small-caps; text-transform: lowercase;)
36px The quick brown fox jumps.
24px The quick brown fox jumps over a lazy dog.
18px The quick brown fox jumps over a lazy dog.
14px The quick brown fox jumps over a lazy dog.
12px The quick brown fox jumps over a lazy dog.
10px The quick brown fox jumps over a lazy dog.
8px The quick brown fox jumps over a lazy dog.
Palatino (font-family: Palatino, PalatinoLinotype, serif;)
36px The quick brown fox jumps.
24px The quick brown fox jumps over a lazy dog.
18px The quick brown fox jumps over a lazy dog.
14px The quick brown fox jumps over a lazy dog.
12px The quick brown fox jumps over a lazy dog.
10px The quick brown fox jumps over a lazy dog.
8px The quick brown fox jumps over a lazy dog.
Variants (click to open)
Palatino (font-weight: bold;)
36px The quick brown fox jumps.
24px The quick brown fox jumps over a lazy dog.
18px The quick brown fox jumps over a lazy dog.
14px The quick brown fox jumps over a lazy dog.
12px The quick brown fox jumps over a lazy dog.
10px The quick brown fox jumps over a lazy dog.
8px The quick brown fox jumps over a lazy dog.
Palatino (font-style: italic;)
36px The quick brown fox jumps.
24px The quick brown fox jumps over a lazy dog.
18px The quick brown fox jumps over a lazy dog.
14px The quick brown fox jumps over a lazy dog.
12px The quick brown fox jumps over a lazy dog.
10px The quick brown fox jumps over a lazy dog.
8px The quick brown fox jumps over a lazy dog.
Palatino (font-style: italic; font-weight: bold;)
36px The quick brown fox jumps.
24px The quick brown fox jumps over a lazy dog.
18px The quick brown fox jumps over a lazy dog.
14px The quick brown fox jumps over a lazy dog.
12px The quick brown fox jumps over a lazy dog.
10px The quick brown fox jumps over a lazy dog.
8px The quick brown fox jumps over a lazy dog.
Palatino (font-weight: normal; font-variant: small-caps; text-transform: lowercase;)
36px The quick brown fox jumps.
24px The quick brown fox jumps over a lazy dog.
18px The quick brown fox jumps over a lazy dog.
14px The quick brown fox jumps over a lazy dog.
12px The quick brown fox jumps over a lazy dog.
10px The quick brown fox jumps over a lazy dog.
8px The quick brown fox jumps over a lazy dog.
Times (font-family: Times, serif;)
36px The quick brown fox jumps.
24px The quick brown fox jumps over a lazy dog.
18px The quick brown fox jumps over a lazy dog.
14px The quick brown fox jumps over a lazy dog.
12px The quick brown fox jumps over a lazy dog.
10px The quick brown fox jumps over a lazy dog.
8px The quick brown fox jumps over a lazy dog.
Variants (click to open)
Times (font-weight: bold;)
36px The quick brown fox jumps.
24px The quick brown fox jumps over a lazy dog.
18px The quick brown fox jumps over a lazy dog.
14px The quick brown fox jumps over a lazy dog.
12px The quick brown fox jumps over a lazy dog.
10px The quick brown fox jumps over a lazy dog.
8px The quick brown fox jumps over a lazy dog.
Times (font-style: italic;)
36px The quick brown fox jumps.
24px The quick brown fox jumps over a lazy dog.
18px The quick brown fox jumps over a lazy dog.
14px The quick brown fox jumps over a lazy dog.
12px The quick brown fox jumps over a lazy dog.
10px The quick brown fox jumps over a lazy dog.
8px The quick brown fox jumps over a lazy dog.
Times (font-style: italic; font-weight: bold;)
36px The quick brown fox jumps.
24px The quick brown fox jumps over a lazy dog.
18px The quick brown fox jumps over a lazy dog.
14px The quick brown fox jumps over a lazy dog.
12px The quick brown fox jumps over a lazy dog.
10px The quick brown fox jumps over a lazy dog.
8px The quick brown fox jumps over a lazy dog.
Times (font-weight: normal; font-variant: small-caps; text-transform: lowercase;)
36px The quick brown fox jumps.
24px The quick brown fox jumps over a lazy dog.
18px The quick brown fox jumps over a lazy dog.
14px The quick brown fox jumps over a lazy dog.
12px The quick brown fox jumps over a lazy dog.
10px The quick brown fox jumps over a lazy dog.
8px The quick brown fox jumps over a lazy dog.
Times New Roman (font-family: TimesNewRoman, "Times New Roman", serif;)
36px The quick brown fox jumps.
24px The quick brown fox jumps over a lazy dog.
18px The quick brown fox jumps over a lazy dog.
14px The quick brown fox jumps over a lazy dog.
12px The quick brown fox jumps over a lazy dog.
10px The quick brown fox jumps over a lazy dog.
8px The quick brown fox jumps over a lazy dog.
Variants (click to open)
Times New Roman (font-weight: bold;)
36px The quick brown fox jumps.
24px The quick brown fox jumps over a lazy dog.
18px The quick brown fox jumps over a lazy dog.
14px The quick brown fox jumps over a lazy dog.
12px The quick brown fox jumps over a lazy dog.
10px The quick brown fox jumps over a lazy dog.
8px The quick brown fox jumps over a lazy dog.
Times New Roman (font-style: italic;)
36px The quick brown fox jumps.
24px The quick brown fox jumps over a lazy dog.
18px The quick brown fox jumps over a lazy dog.
14px The quick brown fox jumps over a lazy dog.
12px The quick brown fox jumps over a lazy dog.
10px The quick brown fox jumps over a lazy dog.
8px The quick brown fox jumps over a lazy dog.
Times New Roman (font-style: italic; font-weight: bold;)
36px The quick brown fox jumps.
24px The quick brown fox jumps over a lazy dog.
18px The quick brown fox jumps over a lazy dog.
14px The quick brown fox jumps over a lazy dog.
12px The quick brown fox jumps over a lazy dog.
10px The quick brown fox jumps over a lazy dog.
8px The quick brown fox jumps over a lazy dog.
Times New Roman (font-weight: normal; font-variant: small-caps; text-transform: lowercase;)
36px The quick brown fox jumps.
24px The quick brown fox jumps over a lazy dog.
18px The quick brown fox jumps over a lazy dog.
14px The quick brown fox jumps over a lazy dog.
12px The quick brown fox jumps over a lazy dog.
10px The quick brown fox jumps over a lazy dog.
8px The quick brown fox jumps over a lazy dog.
Leading is browser default and P tags have been set to 5px bottom margin and no padding. Light outlines are to indicate the default leading being applied.
Quick Compare:
Apple Gothic AaCcFfGgHhJjMmNnPpQqSsXxYyZz
Arial AaCcFfGgHhJjMmNnPpQqSsXxYyZz
Geneva AaCcFfGgHhJjMmNnPpQqSsXxYyZz
Helvetica AaCcFfGgHhJjMmNnPpQqSsXxYyZz
Lucida Grande AaCcFfGgHhJjMmNnPpQqSsXxYyZz
Tahoma AaCcFfGgHhJjMmNnPpQqSsXxYyZz
Trebuchet AaCcFfGgHhJjMmNnPpQqSsXxYyZz
Verdana AaCcFfGgHhJjMmNnPpQqSsXxYyZz
Apple Gothic (font-family: AppleGothic, sans-serif;)
36px The quick brown fox jumps.
24px The quick brown fox jumps over a lazy dog.
18px The quick brown fox jumps over a lazy dog.
14px The quick brown fox jumps over a lazy dog.
12px The quick brown fox jumps over a lazy dog.
10px The quick brown fox jumps over a lazy dog.
8px The quick brown fox jumps over a lazy dog.
Variants (click to open)
NOTE: There are no font files for these variants, so, the browser fakes it.
Apple Gothic (font-weight: bold;)
36px The quick brown fox jumps.
24px The quick brown fox jumps over a lazy dog.
18px The quick brown fox jumps over a lazy dog.
14px The quick brown fox jumps over a lazy dog.
12px The quick brown fox jumps over a lazy dog.
10px The quick brown fox jumps over a lazy dog.
8px The quick brown fox jumps over a lazy dog.
Apple Gothic (font-style: italic;)
36px The quick brown fox jumps.
24px The quick brown fox jumps over a lazy dog.
18px The quick brown fox jumps over a lazy dog.
14px The quick brown fox jumps over a lazy dog.
12px The quick brown fox jumps over a lazy dog.
10px The quick brown fox jumps over a lazy dog.
8px The quick brown fox jumps over a lazy dog.
Apple Gothic (font-style: italic; font-weight: bold;)
36px The quick brown fox jumps.
24px The quick brown fox jumps over a lazy dog.
18px The quick brown fox jumps over a lazy dog.
14px The quick brown fox jumps over a lazy dog.
12px The quick brown fox jumps over a lazy dog.
10px The quick brown fox jumps over a lazy dog.
8px The quick brown fox jumps over a lazy dog.
Apple Gothic (font-weight: normal; font-variant: small-caps; text-transform: lowercase;)
36px The quick brown fox jumps.
24px The quick brown fox jumps over a lazy dog.
18px The quick brown fox jumps over a lazy dog.
14px The quick brown fox jumps over a lazy dog.
12px The quick brown fox jumps over a lazy dog.
10px The quick brown fox jumps over a lazy dog.
8px The quick brown fox jumps over a lazy dog.
Arial (font-family: Arial, sans-serif;)
36px The quick brown fox jumps.
24px The quick brown fox jumps over a lazy dog.
18px The quick brown fox jumps over a lazy dog.
14px The quick brown fox jumps over a lazy dog.
12px The quick brown fox jumps over a lazy dog.
10px The quick brown fox jumps over a lazy dog.
8px The quick brown fox jumps over a lazy dog.
Variants (click to open)
Arial (font-weight: bold;)
36px The quick brown fox jumps.
24px The quick brown fox jumps over a lazy dog.
18px The quick brown fox jumps over a lazy dog.
14px The quick brown fox jumps over a lazy dog.
12px The quick brown fox jumps over a lazy dog.
10px The quick brown fox jumps over a lazy dog.
8px The quick brown fox jumps over a lazy dog.
Arial (font-style: italic;)
36px The quick brown fox jumps.
24px The quick brown fox jumps over a lazy dog.
18px The quick brown fox jumps over a lazy dog.
14px The quick brown fox jumps over a lazy dog.
12px The quick brown fox jumps over a lazy dog.
10px The quick brown fox jumps over a lazy dog.
8px The quick brown fox jumps over a lazy dog.
Arial (font-style: italic; font-weight: bold;)
36px The quick brown fox jumps.
24px The quick brown fox jumps over a lazy dog.
18px The quick brown fox jumps over a lazy dog.
14px The quick brown fox jumps over a lazy dog.
12px The quick brown fox jumps over a lazy dog.
10px The quick brown fox jumps over a lazy dog.
8px The quick brown fox jumps over a lazy dog.
Arial (font-weight: normal; font-variant: small-caps; text-transform: lowercase;)
36px The quick brown fox jumps.
24px The quick brown fox jumps over a lazy dog.
18px The quick brown fox jumps over a lazy dog.
14px The quick brown fox jumps over a lazy dog.
12px The quick brown fox jumps over a lazy dog.
10px The quick brown fox jumps over a lazy dog.
8px The quick brown fox jumps over a lazy dog.
Geneva (font-family: Geneva, sans-serif;)
36px The quick brown fox jumps.
24px The quick brown fox jumps over a lazy dog.
18px The quick brown fox jumps over a lazy dog.
14px The quick brown fox jumps over a lazy dog.
12px The quick brown fox jumps over a lazy dog.
10px The quick brown fox jumps over a lazy dog.
8px The quick brown fox jumps over a lazy dog.
Variants (click to open)
NOTE: There are no font files for these variants, so, the browser fakes it.
Geneva (font-weight: bold;)
36px The quick brown fox jumps.
24px The quick brown fox jumps over a lazy dog.
18px The quick brown fox jumps over a lazy dog.
14px The quick brown fox jumps over a lazy dog.
12px The quick brown fox jumps over a lazy dog.
10px The quick brown fox jumps over a lazy dog.
8px The quick brown fox jumps over a lazy dog.
Geneva (font-style: italic;)
36px The quick brown fox jumps.
24px The quick brown fox jumps over a lazy dog.
18px The quick brown fox jumps over a lazy dog.
14px The quick brown fox jumps over a lazy dog.
12px The quick brown fox jumps over a lazy dog.
10px The quick brown fox jumps over a lazy dog.
8px The quick brown fox jumps over a lazy dog.
Geneva (font-style: italic; font-weight: bold;)
36px The quick brown fox jumps.
24px The quick brown fox jumps over a lazy dog.
18px The quick brown fox jumps over a lazy dog.
14px The quick brown fox jumps over a lazy dog.
12px The quick brown fox jumps over a lazy dog.
10px The quick brown fox jumps over a lazy dog.
8px The quick brown fox jumps over a lazy dog.
Geneva (font-weight: normal; font-variant: small-caps; text-transform: lowercase;)
36px The quick brown fox jumps.
24px The quick brown fox jumps over a lazy dog.
18px The quick brown fox jumps over a lazy dog.
14px The quick brown fox jumps over a lazy dog.
12px The quick brown fox jumps over a lazy dog.
10px The quick brown fox jumps over a lazy dog.
8px The quick brown fox jumps over a lazy dog.
Helvetica (font-family: Helvetica, sans-serif;)
36px The quick brown fox jumps.
24px The quick brown fox jumps over a lazy dog.
18px The quick brown fox jumps over a lazy dog.
14px The quick brown fox jumps over a lazy dog.
12px The quick brown fox jumps over a lazy dog.
10px The quick brown fox jumps over a lazy dog.
8px The quick brown fox jumps over a lazy dog.
Variants (click to open)
Helvetica (font-weight: bold;)
36px The quick brown fox jumps.
24px The quick brown fox jumps over a lazy dog.
18px The quick brown fox jumps over a lazy dog.
14px The quick brown fox jumps over a lazy dog.
12px The quick brown fox jumps over a lazy dog.
10px The quick brown fox jumps over a lazy dog.
8px The quick brown fox jumps over a lazy dog.
Helvetica (font-style: italic;)
36px The quick brown fox jumps.
24px The quick brown fox jumps over a lazy dog.
18px The quick brown fox jumps over a lazy dog.
14px The quick brown fox jumps over a lazy dog.
12px The quick brown fox jumps over a lazy dog.
10px The quick brown fox jumps over a lazy dog.
8px The quick brown fox jumps over a lazy dog.
Helvetica (font-style: italic; font-weight: bold;)
36px The quick brown fox jumps.
24px The quick brown fox jumps over a lazy dog.
18px The quick brown fox jumps over a lazy dog.
14px The quick brown fox jumps over a lazy dog.
12px The quick brown fox jumps over a lazy dog.
10px The quick brown fox jumps over a lazy dog.
8px The quick brown fox jumps over a lazy dog.
Helvetica (font-weight: normal; font-variant: small-caps; text-transform: lowercase;)
36px The quick brown fox jumps.
24px The quick brown fox jumps over a lazy dog.
18px The quick brown fox jumps over a lazy dog.
14px The quick brown fox jumps over a lazy dog.
12px The quick brown fox jumps over a lazy dog.
10px The quick brown fox jumps over a lazy dog.
8px The quick brown fox jumps over a lazy dog.
Lucida Grande (font-family: LucidaGrande, LucidaUnicode, LucidaSans, sans-serif;)
36px The quick brown fox jumps.
24px The quick brown fox jumps over a lazy dog.
18px The quick brown fox jumps over a lazy dog.
14px The quick brown fox jumps over a lazy dog.
12px The quick brown fox jumps over a lazy dog.
10px The quick brown fox jumps over a lazy dog.
8px The quick brown fox jumps over a lazy dog.
Variants (click to open)
NOTE: There are no font files for italics, so, the browser fakes it.
Lucida Grande (font-weight: bold;)
36px The quick brown fox jumps.
24px The quick brown fox jumps over a lazy dog.
18px The quick brown fox jumps over a lazy dog.
14px The quick brown fox jumps over a lazy dog.
12px The quick brown fox jumps over a lazy dog.
10px The quick brown fox jumps over a lazy dog.
8px The quick brown fox jumps over a lazy dog.
Lucida Grande (font-style: italic;)
36px The quick brown fox jumps.
24px The quick brown fox jumps over a lazy dog.
18px The quick brown fox jumps over a lazy dog.
14px The quick brown fox jumps over a lazy dog.
12px The quick brown fox jumps over a lazy dog.
10px The quick brown fox jumps over a lazy dog.
8px The quick brown fox jumps over a lazy dog.
Lucida Grande (font-style: italic; font-weight: bold;)
36px The quick brown fox jumps.
24px The quick brown fox jumps over a lazy dog.
18px The quick brown fox jumps over a lazy dog.
14px The quick brown fox jumps over a lazy dog.
12px The quick brown fox jumps over a lazy dog.
10px The quick brown fox jumps over a lazy dog.
8px The quick brown fox jumps over a lazy dog.
Lucida Grande (font-weight: normal; font-variant: small-caps; text-transform: lowercase;)
36px The quick brown fox jumps.
24px The quick brown fox jumps over a lazy dog.
18px The quick brown fox jumps over a lazy dog.
14px The quick brown fox jumps over a lazy dog.
12px The quick brown fox jumps over a lazy dog.
10px The quick brown fox jumps over a lazy dog.
8px The quick brown fox jumps over a lazy dog.
Tahoma (font-family: Tahoma, sans-serif;)
36px The quick brown fox jumps.
24px The quick brown fox jumps over a lazy dog.
18px The quick brown fox jumps over a lazy dog.
14px The quick brown fox jumps over a lazy dog.
12px The quick brown fox jumps over a lazy dog.
10px The quick brown fox jumps over a lazy dog.
8px The quick brown fox jumps over a lazy dog.
Variants (click to open)
Tahoma (font-weight: bold;)
36px The quick brown fox jumps.
24px The quick brown fox jumps over a lazy dog.
18px The quick brown fox jumps over a lazy dog.
14px The quick brown fox jumps over a lazy dog.
12px The quick brown fox jumps over a lazy dog.
10px The quick brown fox jumps over a lazy dog.
8px The quick brown fox jumps over a lazy dog.
Tahoma (font-style: italic;)
36px The quick brown fox jumps.
24px The quick brown fox jumps over a lazy dog.
18px The quick brown fox jumps over a lazy dog.
14px The quick brown fox jumps over a lazy dog.
12px The quick brown fox jumps over a lazy dog.
10px The quick brown fox jumps over a lazy dog.
8px The quick brown fox jumps over a lazy dog.
Tahoma (font-style: italic; font-weight: bold;)
36px The quick brown fox jumps.
24px The quick brown fox jumps over a lazy dog.
18px The quick brown fox jumps over a lazy dog.
14px The quick brown fox jumps over a lazy dog.
12px The quick brown fox jumps over a lazy dog.
10px The quick brown fox jumps over a lazy dog.
8px The quick brown fox jumps over a lazy dog.
Tahoma (font-weight: normal; font-variant: small-caps; text-transform: lowercase;)
36px The quick brown fox jumps.
24px The quick brown fox jumps over a lazy dog.
18px The quick brown fox jumps over a lazy dog.
14px The quick brown fox jumps over a lazy dog.
12px The quick brown fox jumps over a lazy dog.
10px The quick brown fox jumps over a lazy dog.
8px The quick brown fox jumps over a lazy dog.
Trebuchet (font-family: Trubuchet, TrebuchetMS, 'Trebuchet MS', sans-serif;)
36px The quick brown fox jumps.
24px The quick brown fox jumps over a lazy dog.
18px The quick brown fox jumps over a lazy dog.
14px The quick brown fox jumps over a lazy dog.
12px The quick brown fox jumps over a lazy dog.
10px The quick brown fox jumps over a lazy dog.
8px The quick brown fox jumps over a lazy dog.
Variants (click to open)
Trebuchet (font-weight: bold;)
36px The quick brown fox jumps.
24px The quick brown fox jumps over a lazy dog.
18px The quick brown fox jumps over a lazy dog.
14px The quick brown fox jumps over a lazy dog.
12px The quick brown fox jumps over a lazy dog.
10px The quick brown fox jumps over a lazy dog.
8px The quick brown fox jumps over a lazy dog.
Trebuchet (font-style: italic;)
36px The quick brown fox jumps.
24px The quick brown fox jumps over a lazy dog.
18px The quick brown fox jumps over a lazy dog.
14px The quick brown fox jumps over a lazy dog.
12px The quick brown fox jumps over a lazy dog.
10px The quick brown fox jumps over a lazy dog.
8px The quick brown fox jumps over a lazy dog.
Trebuchet (font-style: italic; font-weight: bold;)
36px The quick brown fox jumps.
24px The quick brown fox jumps over a lazy dog.
18px The quick brown fox jumps over a lazy dog.
14px The quick brown fox jumps over a lazy dog.
12px The quick brown fox jumps over a lazy dog.
10px The quick brown fox jumps over a lazy dog.
8px The quick brown fox jumps over a lazy dog.
Trebuchet (font-weight: normal; font-variant: small-caps; text-transform: lowercase;)
36px The quick brown fox jumps.
24px The quick brown fox jumps over a lazy dog.
18px The quick brown fox jumps over a lazy dog.
14px The quick brown fox jumps over a lazy dog.
12px The quick brown fox jumps over a lazy dog.
10px The quick brown fox jumps over a lazy dog.
8px The quick brown fox jumps over a lazy dog.
Verdana (font-family: Verdana, sans-serif;)
36px The quick brown fox jumps.
24px The quick brown fox jumps over a lazy dog.
18px The quick brown fox jumps over a lazy dog.
14px The quick brown fox jumps over a lazy dog.
12px The quick brown fox jumps over a lazy dog.
10px The quick brown fox jumps over a lazy dog.
8px The quick brown fox jumps over a lazy dog.
Variants (click to open)
Verdana (font-weight: bold;)
36px The quick brown fox jumps.
24px The quick brown fox jumps over a lazy dog.
18px The quick brown fox jumps over a lazy dog.
14px The quick brown fox jumps over a lazy dog.
12px The quick brown fox jumps over a lazy dog.
10px The quick brown fox jumps over a lazy dog.
8px The quick brown fox jumps over a lazy dog.
Verdana (font-style: italic;)
36px The quick brown fox jumps.
24px The quick brown fox jumps over a lazy dog.
18px The quick brown fox jumps over a lazy dog.
14px The quick brown fox jumps over a lazy dog.
12px The quick brown fox jumps over a lazy dog.
10px The quick brown fox jumps over a lazy dog.
8px The quick brown fox jumps over a lazy dog.
Verdana (font-style: italic; font-weight: bold;)
36px The quick brown fox jumps.
24px The quick brown fox jumps over a lazy dog.
18px The quick brown fox jumps over a lazy dog.
14px The quick brown fox jumps over a lazy dog.
12px The quick brown fox jumps over a lazy dog.
10px The quick brown fox jumps over a lazy dog.
8px The quick brown fox jumps over a lazy dog.
Verdana (font-weight: normal; font-variant: small-caps; text-transform: lowercase;)
36px The quick brown fox jumps.
24px The quick brown fox jumps over a lazy dog.
18px The quick brown fox jumps over a lazy dog.
14px The quick brown fox jumps over a lazy dog.
12px The quick brown fox jumps over a lazy dog.
10px The quick brown fox jumps over a lazy dog.
8px The quick brown fox jumps over a lazy dog.
Leading is browser default and P tags have been set to 5px bottom margin and no padding. Light outlines are to indicate the default leading being applied.
Quick Compare:
Andale Mono AaCcFfGgHhJjMmNnPpQqSsXxYyZz
Courier AaCcFfGgHhJjMmNnPpQqSsXxYyZz
Monaco AaCcFfGgHhJjMmNnPpQqSsXxYyZz
Andale Mono (font-family: 'Andale Mono', AndaleMono, monospace;)
36px The quick brown fox.
24px The quick brown fox jumps over a lazy dog.
18px The quick brown fox jumps over a lazy dog.
14px The quick brown fox jumps over a lazy dog.
12px The quick brown fox jumps over a lazy dog.
10px The quick brown fox jumps over a lazy dog.
8px The quick brown fox jumps over a lazy dog.
Variants (click to open)
Andale Mono (font-weight: bold;)
36px The quick brown fox.
24px The quick brown fox jumps over a lazy dog.
18px The quick brown fox jumps over a lazy dog.
14px The quick brown fox jumps over a lazy dog.
12px The quick brown fox jumps over a lazy dog.
10px The quick brown fox jumps over a lazy dog.
8px The quick brown fox jumps over a lazy dog.
Andale Mono (font-style: italic;)
36px The quick brown fox.
24px The quick brown fox jumps over a lazy dog.
18px The quick brown fox jumps over a lazy dog.
14px The quick brown fox jumps over a lazy dog.
12px The quick brown fox jumps over a lazy dog.
10px The quick brown fox jumps over a lazy dog.
8px The quick brown fox jumps over a lazy dog.
Andale Mono (font-style: italic; font-weight: bold;)
36px The quick brown fox.
24px The quick brown fox jumps over a lazy dog.
18px The quick brown fox jumps over a lazy dog.
14px The quick brown fox jumps over a lazy dog.
12px The quick brown fox jumps over a lazy dog.
10px The quick brown fox jumps over a lazy dog.
8px The quick brown fox jumps over a lazy dog.
Andale Mono (font-weight: normal; font-variant: small-caps; text-transform: lowercase;)
36px The quick brown fox jumps.
24px The quick brown fox jumps over a lazy dog.
18px The quick brown fox jumps over a lazy dog.
14px The quick brown fox jumps over a lazy dog.
12px The quick brown fox jumps over a lazy dog.
10px The quick brown fox jumps over a lazy dog.
8px The quick brown fox jumps over a lazy dog.
Courier (font-family: Courier, sans-serif;)
36px The quick brown fox.
24px The quick brown fox jumps over a lazy dog.
18px The quick brown fox jumps over a lazy dog.
14px The quick brown fox jumps over a lazy dog.
12px The quick brown fox jumps over a lazy dog.
10px The quick brown fox jumps over a lazy dog.
8px The quick brown fox jumps over a lazy dog.
Variants (click to open)
Courier (font-weight: bold;)
36px The quick brown fox.
24px The quick brown fox jumps over a lazy dog.
18px The quick brown fox jumps over a lazy dog.
14px The quick brown fox jumps over a lazy dog.
12px The quick brown fox jumps over a lazy dog.
10px The quick brown fox jumps over a lazy dog.
8px The quick brown fox jumps over a lazy dog.
Courier (font-style: italic;)
36px The quick brown fox.
24px The quick brown fox jumps over a lazy dog.
18px The quick brown fox jumps over a lazy dog.
14px The quick brown fox jumps over a lazy dog.
12px The quick brown fox jumps over a lazy dog.
10px The quick brown fox jumps over a lazy dog.
8px The quick brown fox jumps over a lazy dog.
Courier (font-style: italic; font-weight: bold;)
36px The quick brown fox.
24px The quick brown fox jumps over a lazy dog.
18px The quick brown fox jumps over a lazy dog.
14px The quick brown fox jumps over a lazy dog.
12px The quick brown fox jumps over a lazy dog.
10px The quick brown fox jumps over a lazy dog.
8px The quick brown fox jumps over a lazy dog.
Courier (font-weight: normal; font-variant: small-caps; text-transform: lowercase;)
36px The quick brown fox.
24px The quick brown fox jumps over a lazy dog.
18px The quick brown fox jumps over a lazy dog.
14px The quick brown fox jumps over a lazy dog.
12px The quick brown fox jumps over a lazy dog.
10px The quick brown fox jumps over a lazy dog.
8px The quick brown fox jumps over a lazy dog.
Monaco (font-family: Monaco, sans-serif;)
36px The quick brown fox.
24px The quick brown fox jumps over a lazy dog.
18px The quick brown fox jumps over a lazy dog.
14px The quick brown fox jumps over a lazy dog.
12px The quick brown fox jumps over a lazy dog.
10px The quick brown fox jumps over a lazy dog.
8px The quick brown fox jumps over a lazy dog.
Variants (click to open)
Monaco (font-weight: bold;)
36px The quick brown fox.
24px The quick brown fox jumps over a lazy dog.
18px The quick brown fox jumps over a lazy dog.
14px The quick brown fox jumps over a lazy dog.
12px The quick brown fox jumps over a lazy dog.
10px The quick brown fox jumps over a lazy dog.
8px The quick brown fox jumps over a lazy dog.
Monaco (font-style: italic;)
36px The quick brown fox.
24px The quick brown fox jumps over a lazy dog.
18px The quick brown fox jumps over a lazy dog.
14px The quick brown fox jumps over a lazy dog.
12px The quick brown fox jumps over a lazy dog.
10px The quick brown fox jumps over a lazy dog.
8px The quick brown fox jumps over a lazy dog.
Monaco (font-style: italic; font-weight: bold;)
36px The quick brown fox.
24px The quick brown fox jumps over a lazy dog.
18px The quick brown fox jumps over a lazy dog.
14px The quick brown fox jumps over a lazy dog.
12px The quick brown fox jumps over a lazy dog.
10px The quick brown fox jumps over a lazy dog.
8px The quick brown fox jumps over a lazy dog.
Monaco (font-weight: normal; font-variant: small-caps; text-transform: lowercase;)
36px The quick brown fox jumps.
24px The quick brown fox jumps over a lazy dog.
18px The quick brown fox jumps over a lazy dog.
14px The quick brown fox jumps over a lazy dog.
12px The quick brown fox jumps over a lazy dog.
10px The quick brown fox jumps over a lazy dog.
8px The quick brown fox jumps over a lazy dog.
View the discussion thread.
Blog comments powered by