A | B | C | D | E | F | G | H | I | J | K | L | M | N | O | P | Q | R | S | T | U | V | W | X | Y | Z | AA | AB | AC | AD | AE | AF | AG | AH | AI | AJ | AK | |
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
1 | Typography Best Practices Analysis | Measurements in Pixels | |||||||||||||||||||||||||||||||||||
2 | Site Name | Body - Serif vs Sans-Serif | Content Font | Heading - Sans vs. Serif? | Heading Font | Content Background Color | Content Font Size (px or em->px) | Line Height | Line Height / Font size | Line-height from end of p to start of next (for calculations only) | Space Between Paragraphs | Paragraph Space / Line-height | Line-length (px) | Line-length / line-height | Line-length / Paragraph spacing | Horizontal left padding in the layout (px) | Header Font Size | Header FS / Content FS | Links Underlined? | Font replacement in use (sIFR & Co.)? | Characters per line? (With spaces, max) | Justified / left-aligned text? | |||||||||||||||
3 | A List Apart | Sans | Verdana | Serif | Georgia | White | 11,434 | 20,583 | 1,80 | 37 | 16,417 | 0,80 | 545 | 26,47816159 | 33,19729549 | 0 | 18,983 | 1,66 | Yes | No | 96 | left-aligned | |||||||||||||||
4 | Wired | Sans | Arial | Serif | Georgia | White | 13,5 | 18,9 | 1,40 | 35 | 16,1 | 0,85 | 665 | 35,18518519 | 41,30434783 | 0 | 22,95 | 1,70 | No | No | 112 | left-aligned | |||||||||||||||
5 | CNN | Sans | Arial | Sans | Arial | White | 12 | 15 | 1,25 | 27 | 12 | 0,80 | 585 | 39 | 48,75 | 18 | 28 | 2,33 | Yes | No | 104 | left-aligned | |||||||||||||||
6 | NY Times | Serif | Georgia | Serif | Georgia | White | 15,21 | 22,83 | 1,50 | 38 | 15,17 | 0,66 | 595 | 26,06219886 | 39,22214898 | 11 | 24,33 | 1,60 | Yes | No | 87 | left-aligned | |||||||||||||||
7 | Smashing Magazine | Sans | Verdana | Sans | Helvetica | White | 12 | 20,63 | 1,72 | 35 | 14,37 | 0,70 | 655 | 31,74987882 | 45,58107168 | 0 | 44 | 3,67 | Yes | No | 103 | left-aligned | |||||||||||||||
8 | SpeakUp | Serif | Georgia | Serif | Georgia | White | 13 | 21,43 | 1,65 | 34 | 12,57 | 0,59 | 415 | 19,36537564 | 33,01511535 | 21 | 28 | 2,15 | Yes | No | 66 | left-aligned | |||||||||||||||
9 | WebDesignerDepot | Sans | Verdana | Sans | Verdana | White | 12,5 | 18,38 | 1,47 | 27 | 8,62 | 0,47 | 618 | 33,62350381 | 71,6937355 | 33 | 25 | 2,00 | No | No | 89 | left-aligned | |||||||||||||||
10 | TechCrunch | Sans | Lucida Grande | Sans | Lucida Grande | White | 13 | 19,5 | 1,50 | 33 | 13,5 | 0,69 | 639 | 32,76923077 | 47,33333333 | 16 | 26 | 2,00 | No | No | 97 | left-aligned | |||||||||||||||
11 | Mashable | Sans | Verdana | Sans | Arial | White | 12 | 18 | 1,50 | 30 | 12 | 0,67 | 648 | 36 | 54 | 0 | 24,97 | 2,08 | No | No | 102 | justified | |||||||||||||||
12 | ReadWriteWeb | Sans | Arial | Sans | Arial | White | 14 | 21 | 1,50 | 35 | 14 | 0,67 | 616 | 29,33333333 | 44 | 0 | 22,4 | 1,60 | No | No | 99 | left-aligned | |||||||||||||||
13 | ArsTechnica | Sans | Arial | Sans | Arial | White | 13 | 18,2 | 1,40 | 31 | 12,8 | 0,70 | 633 | 34,78021978 | 49,453125 | 21 | 16 | 1,23 | No | No | 111 | left-aligned | |||||||||||||||
14 | Typographica | Serif | Georgia | Serif | Georgia | White | 14 | 21 | 1,50 | 36 | 15 | 0,71 | 503 | 23,95238095 | 33,53333333 | 15 | 30 | 2,14 | Yes | No | 82 | left-aligned | |||||||||||||||
15 | Digital Web | Sans | Lucida Grande | Sans | Lucida Grande | White | 12,8 | 19,2 | 1,50 | 33 | 13,8 | 0,72 | 645 | 33,59375 | 46,73913043 | 23 | 17,9 | 1,40 | Yes | No | 110 | left-aligned | |||||||||||||||
16 | NetMag | Sans | Helvetica | Sans | Helvetica | White | 11 | 14,3 | 1,30 | 26 | 11,7 | 0,82 | 534 | 37,34265734 | 45,64102564 | 10 | 18 | 1,64 | No | No | 111 | left-aligned | |||||||||||||||
17 | Time | Serif | Georgia | Sans | Arial | White | 14,78 | 22,9 | 1,55 | 38 | 15,1 | 0,66 | 525 | 22,92576419 | 34,76821192 | 69 | 28 | 1,89 | No | No | 80 | left-aligned | |||||||||||||||
18 | Slate | Sans | Verdana | Sans | Arial | White | 12,13 | 18,2 | 1,50 | 42 | 23,8 | 1,31 | 575 | 31,59340659 | 24,15966387 | 37 | 35,56 | 2,93 | No | No | 90 | left-aligned | |||||||||||||||
19 | BoxesAndArrows | Sans | Arial | Sans | Helvetica | White | 13 | 16,9 | 1,30 | 26 | 9,1 | 0,54 | 738 | 43,66863905 | 81,0989011 | 21 | 20,8 | 1,60 | No | No | 125 | left-aligned | |||||||||||||||
20 | Guardian | Sans | Arial | Serif | Georgia | White | 14 | 19 | 1,36 | 33 | 14 | 0,74 | 460 | 24,21052632 | 32,85714286 | 0 | 26 | 1,86 | No | No | 74 | left-aligned | |||||||||||||||
21 | psd tuts+ | Sans | Verdana | Sans | Helvetica | White | 11 | 17,6 | 1,60 | 39 | 21,4 | 1,22 | 637 | 36,19318182 | 29,76635514 | 0 | 28,6 | 2,60 | Yes | No | 115 | left-aligned | |||||||||||||||
22 | AIGA | Serif | Georgia | Serif | Georgia | White | 13,21 | 19,83 | 1,50 | 33 | 13,17 | 0,66 | 585 | 29,50075643 | 44,4191344 | 11 | 27,16 | 2,06 | Yes | No | 98 | left-aligned | |||||||||||||||
23 | LA Times | Sans | Arial | Sans | Arial | White | 13 | 16,9 | 1,30 | 33 | 16,1 | 0,95 | 500 | 29,58579882 | 31,05590062 | 0 | 30 | 2,31 | No | No | 82 | left-aligned | |||||||||||||||
24 | BBC News | Sans | Verdana | Sans | Verdana | White | 13 | 18,2 | 1,40 | 28 | 9,8 | 0,54 | 466 | 25,6043956 | 47,55102041 | 0 | 24 | 1,85 | No | No | 68 | left-aligned | |||||||||||||||
25 | Boston Globe | Serif | Georgia | Sans | Arial | White | 15 | 21 | 1,40 | 36 | 15 | 0,71 | 540 | 25,71428571 | 36 | 10 | 22 | 1,47 | No | No | 78 | left-aligned | |||||||||||||||
26 | Newsweek | Serif | Georgia | Sans | Arial | White | 13,2 | 21,12 | 1,60 | 39 | 17,88 | 0,85 | 640 | 30,3030303 | 35,79418345 | 0 | 26,4 | 2,00 | Yes, dotted | Yes, only on FP | 106 | left-aligned | |||||||||||||||
27 | Wall Street Journal | Sans | Arial | Serif | Georgia | White | 13 | 19,5 | 1,50 | 33 | 13,5 | 0,69 | 555 | 28,46153846 | 41,11111111 | 23 | 28 | 2,15 | No | No | 97 | left-aligned | |||||||||||||||
28 | Design Observer | Sans | Verdana | Sans | Arial | White | 11 | 15,39 | 1,40 | 31 | 15,61 | 1,01 | 524 | 34,04808317 | 33,5682255 | 11 | 24 | 2,18 | No | No | 96 | left-aligned | |||||||||||||||
29 | designworkplan | Serif | Georgia | Serif | Georgia | White | 13 | 20 | 1,54 | 36 | 16 | 0,80 | 545 | 27,25 | 34,0625 | 0 | 35 | 2,69 | Yes | No | 90 | left-aligned | |||||||||||||||
30 | GOOD | Sans | Arial | Sans | Arial | White | 12 | 18 | 1,50 | 36 | 18 | 1,00 | 582 | 32,33333333 | 32,33333333 | 28 | 28 | 2,33 | Yes | No | 110 | left-aligned | |||||||||||||||
31 | Jon Tangerine | Serif | Georgia | Serif | Baskerville | White | 14 | 22 | 1,57 | 44 | 22 | 1,00 | 420 | 19,09090909 | 19,09090909 | 0 | 22 | 1,57 | Yes | No | 64 | justified | |||||||||||||||
32 | New Yorker | Serif | Times New Roman | Serif | Times New Roman | White | 14 | 18,2 | 1,30 | 32 | 13,8 | 0,76 | 470 | 25,82417582 | 34,05797101 | 25 | 22 | 1,57 | Yes | Yes, image repl. | 81 | left-aligned | |||||||||||||||
33 | New Scientist | Sans | Arial | Sans | Arial | White | 12,8 | 17,9 | 1,40 | 38 | 20,1 | 1,12 | 460 | 25,69832402 | 22,88557214 | 0 | 19,2 | 1,50 | No | No | 83 | left-aligned | |||||||||||||||
34 | Huffington Post | Serif | Georgia | Serif | Georgia | White | 13 | 20 | 1,54 | 34 | 14 | 0,70 | 575 | 28,75 | 41,07142857 | 27 | 32 | 2,46 | No | No | 93 | left-aligned | |||||||||||||||
35 | Boing Boing | Serif | Georgia | Serif | Georgia | White | 13 | 18,98 | 1,46 | 38 | 19,02 | 1,00 | 525 | 27,66069547 | 27,60252366 | 4 | 20 | 1,54 | Yes | No | 88 | left-aligned | |||||||||||||||
36 | Kottke | Sans | Arial | Sans | Arial | White | 14 | 22 | 1,57 | 41 | 19 | 0,86 | 496 | 22,54545455 | 26,10526316 | 0 | 23 | 1,64 | Yes, dotted | No | 82 | left-aligned | |||||||||||||||
37 | Business Week | Sans | Helvetica | Sans | Helvetica | White | 14 | 21 | 1,50 | 36 | 15 | 0,71 | 600 | 28,57142857 | 40 | 24 | 28 | 2,00 | Yes | No | 94 | left-aligned | |||||||||||||||
38 | Le Typographe | Serif | Georgia | Serif | Didot | White | 14,3 | 21,45 | 1,50 | 30 | 8,55 | 0,40 | 496 | 23,12354312 | 58,01169591 | 13 | 31,9 | 2,23 | No | No | 83 | left-aligned | |||||||||||||||
39 | Sitepoint | Sans | Verdana | Sans | Verdana | White | 13 | 16,88 | 1,30 | 32 | 15,12 | 0,90 | 566 | 33,53080569 | 37,43386243 | 22 | 25 | 1,92 | Yes | No | 92 | left-aligned | |||||||||||||||
40 | Wilson Miner | Serif | Palatino | Sans | Helvetica Neue | White | 16 | 24 | 1,50 | 25 | 1 | 0,04 | 475 | 19,79166667 | 475 | 0 | 48 | 3,00 | No | No | 69 | left-aligned | |||||||||||||||
41 | ILoveTypography | Serif | Georgia | Serif | Georgia | White | 16 | 24 | 1,50 | 48 | 24 | 1,00 | 520 | 21,66666667 | 21,66666667 | 0 | 28 | 1,75 | Yes, dotted | No | 76 | left-aligned | |||||||||||||||
42 | inspirationbit | Serif | Georgia | Serif | Baskerville | White | 14 | 13 | 0,93 | 23 | 10 | 0,77 | 440 | 33,84615385 | 44 | 0 | 31,2 | 2,23 | No | No | 69 | left-aligned | |||||||||||||||
43 | Gapers Block | Serif | Georgia | Serif | Georgia | White | 14 | 24 | 1,71 | 45 | 21 | 0,88 | 533 | 22,20833333 | 25,38095238 | 0 | 20 | 1,43 | No | No | 89 | left-aligned | |||||||||||||||
44 | Monocle | Sans | Arial | Serif | Image repl. | White | 13,51 | 18,25 | 1,35 | 37 | 18,75 | 1,03 | 310 | 16,98630137 | 16,53333333 | 0 | 25,27 | 1,87 | No | Yes, image repl. | 47 | left-aligned | |||||||||||||||
45 | Welt Online | Sans | Arial | Sans | Arial | White | 12 | 18 | 1,50 | 26 | 8 | 0,44 | 476 | 26,44444444 | 59,5 | 8 | 19,2 | 1,60 | No | No | 85 | left-aligned | |||||||||||||||
46 | Newsvine | Sans | Lucida Grande | Sans | Lucida Grande | White | 12 | 18 | 1,50 | 31 | 13 | 0,72 | 660 | 36,66666667 | 50,76923077 | 30 | 23 | 1,92 | Yes | No | 104 | left-aligned | |||||||||||||||
47 | Veer | Sans | Lucida Grande | Serif | Georgia | White | 11,2 | 19,03 | 1,70 | 29 | 9,97 | 0,52 | 460 | 24,17235943 | 46,13841525 | 0 | 26,88 | 2,40 | No | No | 81 | left-aligned | |||||||||||||||
48 | Mark Boulton | Sans | Lucida Grande | Sans | Helvetica | White | 11 | 16,5 | 1,50 | 26 | 9,5 | 0,58 | 410 | 24,84848485 | 43,15789474 | 0 | 18 | 1,64 | No | No | 71 | left-aligned | |||||||||||||||
49 | Subtraction | Sans | Arial | Sans | Helvetica | White | 12 | 19 | 1,58 | 26 | 7 | 0,37 | 395 | 20,78947368 | 56,42857143 | 0 | 18 | 1,50 | No | No | 73 | left-aligned | |||||||||||||||
50 | CopyBlogger | Sans | Verdana | Serif | Helvetica Neue | White | 13 | 20 | 1,54 | 40 | 20 | 1,00 | 472 | 23,6 | 23,6 | 20 | 24 | 1,85 | Yes | No | 73 | left-aligned | |||||||||||||||
51 | Type Theory | Sans | Verdana | Sans | Helvetica | White | 13 | 21 | 1,62 | 39 | 18 | 0,86 | 503 | 23,95238095 | 27,94444444 | 19 | 20 | 1,54 | Yes | No | 80 | left-aligned | |||||||||||||||
52 | FontFeed | Serif | Georgia | Sans | Helvetica | White | 13,27 | 19,9 | 1,50 | 30 | 10,1 | 0,51 | 502 | 25,22613065 | 49,7029703 | 15 | 20 | 1,51 | Yes | No | 82 | left-aligned | |||||||||||||||
53 | |||||||||||||||||||||||||||||||||||||
54 | |||||||||||||||||||||||||||||||||||||
55 | Characters | ||||||||||||||||||||||||||||||||||||
56 | 47 | 1 | |||||||||||||||||||||||||||||||||||
57 | Heading | Body Text | Content Font Size | Header FS | Links Underlined? | 64 - 66 | 2 | ||||||||||||||||||||||||||||||
58 | Sans | 30 | 33 | 10px | 0 | 12 | 0 | 12 - 14 | 0 | Yes | 23 | 67 - 69 | 3 | ||||||||||||||||||||||||
59 | Serif | 20 | 17 | 11px | 6 | 13 | 0 | 15 - 17 | 1 | No | 27 | 70 - 72 | 1 | ||||||||||||||||||||||||
60 | 12px | 10 | 14 | 0 | 18 - 20 | 11 | 73 - 75 | 3 | |||||||||||||||||||||||||||||
61 | Body Text | Heading | 13px | 19 | 15 | 0 | 21 - 23 | 8 | Image repl.? | 76 - 78 | 2 | ||||||||||||||||||||||||||
62 | Georgia | 16 | 14 | 14px | 11 | 16 | 1 | 24 - 26 | 11 | Yes | 3 | 79 - 81 | 4 | ||||||||||||||||||||||||
63 | Arial | 14 | 14 | 15px | 3 | 17 | 0 | 27 - 29 | 9 | No | 47 | 82 - 84 | 6 | ||||||||||||||||||||||||
64 | Verdana | 10 | 4 | 16px | 2 | 18 | 4 | 30 - 32 | 5 | 85 - 87 | 2 | ||||||||||||||||||||||||||
65 | Lucida Grande | 5 | 3 | 19 | 3 | 33 - 35 | 1 | Justified? | 88 - 90 | 5 | |||||||||||||||||||||||||||
66 | Helvetica | 3 | 10 | 20 | 4 | 36 - 38 | 1 | Yes | 2 | 91 - 93 | 2 | ||||||||||||||||||||||||||
67 | Times New Roman | 1 | 1 | 21 | 1 | 39+ | 2 | No | 48 | 94 - 96 | 3 | ||||||||||||||||||||||||||
68 | Baskerville | 0 | 2 | 22 | 4 | 97 - 99 | 4 | ||||||||||||||||||||||||||||||
69 | Other | 1 | 2 | Average Line length / Line height | 23 | 3 | 100 - 102 | 1 | |||||||||||||||||||||||||||||
70 | 28,3124603 | 24 | 4 | 103 - 105 | 3 | ||||||||||||||||||||||||||||||||
71 | 25 | 4 | 106 - 108 | 1 | |||||||||||||||||||||||||||||||||
72 | White | Dark | Average Line height / Font size | Average space between paragraphs | Average Paragraph Space / Line height | 26 | 3 | 109 - 111 | 4 | ||||||||||||||||||||||||||||
73 | Background | 50 | 0 | 1,480052837 | 14,46834 | 0,7539095193 | 27 | 2 | 112+ | 3 | |||||||||||||||||||||||||||
74 | 28 | 7 | |||||||||||||||||||||||||||||||||||
75 | 29 | 1 | Average | 88,74 | |||||||||||||||||||||||||||||||||
76 | Average Horizontal left padding | Average Heading Font size / Body copy font size | Average number of characters per line | 30 | 2 | ||||||||||||||||||||||||||||||||
77 | 11,7 | 1,96 | 88,74 | 31 | 1 | Body line height | |||||||||||||||||||||||||||||||
78 | 32 | 2 | 13px | 1 | |||||||||||||||||||||||||||||||||
79 | Average font size for body copy | 33 | 0 | 14px | 1 | ||||||||||||||||||||||||||||||||
80 | 34 | 0 | 15px | 2 | |||||||||||||||||||||||||||||||||
81 | 13,07688 | 35 | 1 | 16px | 1 | ||||||||||||||||||||||||||||||||
82 | Average font size for headings | 36 | 1 | 17px | 3 | ||||||||||||||||||||||||||||||||
83 | ... | ... | 18px | 12 | |||||||||||||||||||||||||||||||||
84 | 25,63340426 | 44 | 1 | 19px | 8 | ||||||||||||||||||||||||||||||||
85 | 48 | 1 | 20px | 5 | |||||||||||||||||||||||||||||||||
86 | 21px | 10 | |||||||||||||||||||||||||||||||||||
87 | 22px | 2 | |||||||||||||||||||||||||||||||||||
88 | 23px | 2 | |||||||||||||||||||||||||||||||||||
89 | 24px | 3 | |||||||||||||||||||||||||||||||||||
90 | |||||||||||||||||||||||||||||||||||||
91 | |||||||||||||||||||||||||||||||||||||
92 | |||||||||||||||||||||||||||||||||||||
93 | |||||||||||||||||||||||||||||||||||||
94 | |||||||||||||||||||||||||||||||||||||
95 | |||||||||||||||||||||||||||||||||||||
96 | |||||||||||||||||||||||||||||||||||||
97 | |||||||||||||||||||||||||||||||||||||
98 | |||||||||||||||||||||||||||||||||||||
99 | |||||||||||||||||||||||||||||||||||||
100 |