Smashing Typography Study
 Freigeben
Die Browserversion, die Sie verwenden, wird nicht mehr unterstützt. Installieren Sie einen unterstützten Browser.Schließen

 
Nur Lesezugriff
 
 
ABCDEFGHIJKLMNOPQRSTUVWXYZAAABACADAEAFAGAHAIAJAK
1
Typography Best Practices AnalysisMeasurements in Pixels
2
Site NameBody - Serif vs Sans-SerifContent FontHeading - Sans vs. Serif?Heading FontContent Background ColorContent Font Size (px or em->px)Line HeightLine Height / Font sizeLine-height from end of p to start of next (for calculations only)Space Between ParagraphsParagraph Space / Line-heightLine-length (px)Line-length / line-heightLine-length / Paragraph spacingHorizontal left padding in the layout (px)Header Font SizeHeader FS / Content FSLinks Underlined?Font replacement in use (sIFR & Co.)?Characters per line? (With spaces, max)Justified / left-aligned text?
3
A List ApartSansVerdanaSerifGeorgiaWhite11,43420,5831,803716,4170,8054526,4781615933,19729549018,9831,66YesNo96left-aligned
4
WiredSansArialSerifGeorgiaWhite13,518,91,403516,10,8566535,1851851941,30434783022,951,70NoNo112left-aligned
5
CNNSansArialSansArialWhite12151,2527120,805853948,7518282,33YesNo104left-aligned
6
NY TimesSerifGeorgiaSerifGeorgiaWhite15,2122,831,503815,170,6659526,0621988639,222148981124,331,60YesNo87left-aligned
7
Smashing MagazineSansVerdanaSansHelveticaWhite1220,631,723514,370,7065531,7498788245,581071680443,67YesNo103left-aligned
8
SpeakUpSerifGeorgiaSerifGeorgiaWhite1321,431,653412,570,5941519,3653756433,0151153521282,15YesNo66left-aligned
9
WebDesignerDepotSansVerdanaSansVerdanaWhite12,518,381,47278,620,4761833,6235038171,693735533252,00NoNo89left-aligned
10
TechCrunchSansLucida GrandeSansLucida GrandeWhite1319,51,503313,50,6963932,7692307747,3333333316262,00NoNo97left-aligned
11
MashableSansVerdanaSansArialWhite12181,5030120,676483654024,972,08NoNo102justified
12
ReadWriteWebSansArialSansArialWhite14211,5035140,6761629,3333333344022,41,60NoNo99left-aligned
13
ArsTechnicaSansArialSansArialWhite1318,21,403112,80,7063334,7802197849,45312521161,23NoNo111left-aligned
14
TypographicaSerifGeorgiaSerifGeorgiaWhite14211,5036150,7150323,9523809533,5333333315302,14YesNo82left-aligned
15
Digital WebSansLucida GrandeSansLucida GrandeWhite12,819,21,503313,80,7264533,5937546,739130432317,91,40YesNo110left-aligned
16
NetMagSansHelveticaSansHelveticaWhite1114,31,302611,70,8253437,3426573445,6410256410181,64NoNo111left-aligned
17
TimeSerifGeorgiaSansArialWhite14,7822,91,553815,10,6652522,9257641934,7682119269281,89NoNo80left-aligned
18
SlateSansVerdanaSansArialWhite12,1318,21,504223,81,3157531,5934065924,159663873735,562,93NoNo90left-aligned
19
BoxesAndArrowsSansArialSansHelveticaWhite1316,91,30269,10,5473843,6686390581,09890112120,81,60NoNo125left-aligned
20
GuardianSansArialSerifGeorgiaWhite14191,3633140,7446024,2105263232,857142860261,86NoNo74left-aligned
21
psd tuts+SansVerdanaSansHelveticaWhite1117,61,603921,41,2263736,1931818229,76635514028,62,60YesNo115left-aligned
22
AIGASerifGeorgiaSerifGeorgiaWhite13,2119,831,503313,170,6658529,5007564344,41913441127,162,06YesNo98left-aligned
23
LA TimesSansArialSansArialWhite1316,91,303316,10,9550029,5857988231,055900620302,31NoNo82left-aligned
24
BBC NewsSansVerdanaSansVerdanaWhite1318,21,40289,80,5446625,604395647,551020410241,85NoNo68left-aligned
25
Boston GlobeSerifGeorgiaSansArialWhite15211,4036150,7154025,714285713610221,47NoNo78left-aligned
26
NewsweekSerifGeorgiaSansArialWhite13,221,121,603917,880,8564030,303030335,79418345026,42,00Yes, dottedYes, only on FP106left-aligned
27
Wall Street JournalSansArialSerifGeorgiaWhite1319,51,503313,50,6955528,4615384641,1111111123282,15NoNo97left-aligned
28
Design ObserverSansVerdanaSansArialWhite1115,391,403115,611,0152434,0480831733,568225511242,18NoNo96left-aligned
29
designworkplanSerifGeorgiaSerifGeorgiaWhite13201,5436160,8054527,2534,06250352,69YesNo90left-aligned
30
GOODSansArialSansArialWhite12181,5036181,0058232,3333333332,3333333328282,33YesNo110left-aligned
31
Jon TangerineSerifGeorgiaSerifBaskervilleWhite14221,5744221,0042019,0909090919,090909090221,57YesNo64justified
32
New YorkerSerifTimes New RomanSerifTimes New RomanWhite1418,21,303213,80,7647025,8241758234,0579710125221,57YesYes, image repl.81left-aligned
33
New ScientistSansArialSansArialWhite12,817,91,403820,11,1246025,6983240222,88557214019,21,50NoNo83left-aligned
34
Huffington PostSerifGeorgiaSerifGeorgiaWhite13201,5434140,7057528,7541,0714285727322,46NoNo93left-aligned
35
Boing BoingSerifGeorgiaSerifGeorgiaWhite1318,981,463819,021,0052527,6606954727,602523664201,54YesNo88left-aligned
36
KottkeSansArialSansArialWhite14221,5741190,8649622,5454545526,105263160231,64Yes, dottedNo82left-aligned
37
Business WeekSansHelveticaSansHelveticaWhite14211,5036150,7160028,571428574024282,00YesNo94left-aligned
38
Le TypographeSerifGeorgiaSerifDidotWhite14,321,451,50308,550,4049623,1235431258,011695911331,92,23NoNo83left-aligned
39
SitepointSansVerdanaSansVerdanaWhite1316,881,303215,120,9056633,5308056937,4338624322251,92YesNo92left-aligned
40
Wilson MinerSerifPalatinoSansHelvetica NeueWhite16241,502510,0447519,791666674750483,00NoNo69left-aligned
41
ILoveTypographySerifGeorgiaSerifGeorgiaWhite16241,5048241,0052021,6666666721,666666670281,75Yes, dottedNo76left-aligned
42
inspirationbitSerifGeorgiaSerifBaskervilleWhite14130,9323100,7744033,8461538544031,22,23NoNo69left-aligned
43
Gapers BlockSerifGeorgiaSerifGeorgiaWhite14241,7145210,8853322,2083333325,380952380201,43NoNo89left-aligned
44
MonocleSansArialSerifImage repl.White13,5118,251,353718,751,0331016,9863013716,53333333025,271,87NoYes, image repl.47left-aligned
45
Welt OnlineSansArialSansArialWhite12181,502680,4447626,4444444459,5819,21,60NoNo85left-aligned
46
NewsvineSansLucida GrandeSansLucida GrandeWhite12181,5031130,7266036,6666666750,7692307730231,92YesNo104left-aligned
47
VeerSansLucida GrandeSerifGeorgiaWhite11,219,031,70299,970,5246024,1723594346,13841525026,882,40NoNo81left-aligned
48
Mark BoultonSansLucida GrandeSansHelveticaWhite1116,51,50269,50,5841024,8484848543,157894740181,64NoNo71left-aligned
49
SubtractionSansArialSansHelveticaWhite12191,582670,3739520,7894736856,428571430181,50NoNo73left-aligned
50
CopyBloggerSansVerdanaSerifHelvetica NeueWhite13201,5440201,0047223,623,620241,85YesNo73left-aligned
51
Type TheorySansVerdanaSansHelveticaWhite13211,6239180,8650323,9523809527,9444444419201,54YesNo80left-aligned
52
FontFeedSerifGeorgiaSansHelveticaWhite13,2719,91,503010,10,5150225,2261306549,702970315201,51YesNo82left-aligned
53
54
55
Characters
56
471
57
HeadingBody TextContent Font SizeHeader FSLinks Underlined?64 - 662
58
Sans303310px012012 - 140Yes2367 - 693
59
Serif201711px613015 - 171No2770 - 721
60
12px1014018 - 201173 - 753
61
Body TextHeading13px1915021 - 238Image repl.?76 - 782
62
Georgia161414px1116124 - 2611Yes379 - 814
63
Arial141415px317027 - 299No4782 - 846
64
Verdana10416px218430 - 32585 - 872
65
Lucida Grande5319333 - 351Justified?88 - 905
66
Helvetica31020436 - 381Yes291 - 932
67
Times New Roman1121139+2No4894 - 963
68
Baskerville0222497 - 994
69
Other12Average Line length / Line height233100 - 1021
70
28,3124603244103 - 1053
71
254106 - 1081
72
WhiteDarkAverage Line height / Font sizeAverage space between paragraphsAverage Paragraph Space / Line height263109 - 1114
73
Background5001,48005283714,468340,7539095193272112+3
74
287
75
291Average88,74
76
Average Horizontal left paddingAverage Heading Font size / Body copy font sizeAverage number of characters per line302
77
11,71,9688,74311Body line height
78
32213px1
79
Average font size for body copy33014px1
80
34015px2
81
13,0768835116px1
82
Average font size for headings36117px3
83
......18px12
84
25,6334042644119px8
85
48120px5
86
21px10
87
22px2
88
23px2
89
24px3
90
91
92
93
94
95
96
97
98
99
100
Loading...
Hauptmenü