Back to Homepage Share on Facebook View my LinkedIn Profile

UX Development Resource

Visual Design

Here's a table showing you pixel sized fonts versus em-sized fonts.

Google Web Fonts

Google Web Fonts lets you browse all the fonts available via the Google Web Fonts API. All fonts in the directory are available for use on your website under an open source license and are served by Google servers.

Font Size Comparisons

Pixel vs. Em-Sized Fonts
Font Sizes Pixels Em's
10px vs. 0.8em Fun fonts! Fun fonts!
11px vs. 0.9em Fun fonts! Fun fonts!
12px vs. 1em Fun fonts! Fun fonts!
13px vs. 1.1em Fun fonts! Fun fonts!
14px vs. 1.2em Fun fonts! Fun fonts!
15px vs. 1.3em Fun fonts! Fun fonts!
16px vs. 1.4em Fun fonts! Fun fonts!
17px vs. 1.5em Fun fonts! Fun fonts!
18px vs. 1.6em Fun fonts! Fun fonts!
19px vs. 1.7em Fun fonts! Fun fonts!
20px vs. 1.8em Fun fonts! Fun fonts!
21px vs. 1.9em Fun fonts! Fun fonts!
22px vs. 2em Fun fonts! Fun fonts!
23px vs. 2.1em Fun fonts! Fun fonts!
24px vs. 2.2em Fun fonts! Fun fonts!
25px vs. 2.3em Fun fonts! Fun fonts!
26px vs. 2.4em Fun fonts! Fun fonts!
27px vs. 2.5em Fun fonts! Fun fonts!
28px vs. 2.6em Fun fonts! Fun fonts!
29px vs. 2.7em Fun fonts! Fun fonts!
30px vs. 2.8em Fun fonts! Fun fonts!