| A | B | C | D | E | F | G | H | I | J | K | L | M | N | O | P | Q | R | S | T | U | |
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
1 | |||||||||||||||||||||
2 | List #1 | ||||||||||||||||||||
3 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | |||
4 | Boston Globe | Financial Times | A Working Library | The Next Web | The Great Discontent | The Verge | Good.is | http://www.polygon.com/ | http://www.nzz.ch/ | http://www.newyorker.com/ | http://www.economist.com/ | http://www.slate.com/ | http://craigmod.com/ | http://www.time.com/time/ | http://arstechnica.com/ | http://readwrite.com/ | http://lifehacker.com/ | http://boxesandarrows.com/ | |||
5 | * | [Category: Regular view, ~1100px] | [Category: 1100px Wide View] | ||||||||||||||||||
6 | - | Body: serif vs. sans-serif | serif | serif | serif | sans-serif | serif | sans-serif | sans-serif | serif | serif | serif | sans-serif | sans-serif | serif | serif | sans-serif | sans-serif | serif | serif | Body: serif vs. sans-serif |
7 | - | Body: typeface | Georgia | Georgia | Chaparral Pro | Benton Sans | Meta Serif Web Pro | Helvetica | Helvetica | Mercury SSm A | Georgia | Times New Roman | Verdana | Verdana | Tisa Web Pro | Georgia | Arial | Helvetica | Georgia | Georgia | Body typeface |
8 | - | Body: typeface bg color | white | beige | white | white | white | white | white | grey | grey | white | white | white | white | white | white | white | white | white | Body typeface bg color |
9 | - | Common body typeface fallback (CSS Font Stack) | Times New Roman, Times, serif | Times, 'Times New Roman', serif | Chaparral Pro, Georgia, Times New Roman, Times, serif | sans-serif | Georgia, Helvetica, Arial, sans-serif | Arial, sans-serif | Arial, sans-serif | Mercury SSm B | serif | serif | Arial, sans-serif | sans-serif | Tisa Web Pro, Georgia, Times, serif | serif | sans-serif | sans-serif | Times, 'Liberation Serif', serif; | serif | Common body typeface fallback (CSS Font Stack) |
10 | - | Headings: serif vs. sans-serif | serif | serif | serif | sans-serif | sans-serif | sans-serif | serif | sans-serif | sans-serif | sans-serif | sans-serif | sans-serif | sans-serif | sans-serif | serif | sans-serif | serif | sans-serif | Headings: serif vs. sans-serif |
11 | - | Heading: typeface | Miller Headline | Georgia | Chaparral Pro | BentonSans | Stratum 1 Web | adelle | Freight Light | Gotham SSm A' | Arial | Neutra 2 Display | Verdana | Arial | Meta Serif Web Pro | franklin-gothic-urw | NoticiaBold | Museo Sans Rounded | Georgia | Freight Sans Pro | Heading typeface |
12 | - | Common heading typeface fallback (CSS Font Stack) | Times New Roman', Times, Georgia, serif; | Times, 'Times New Roman', serif | Chaparral Pro, Georgia, 'Times New Roman', Times, serif | sans-serif | Helvetica, Arial, sans-serif | serif | Georgie, serif | Gotham SSm B' | sans-serif | Times New Roman', serif | Arial, sans-serif | helvetica, sans-serif | Meta Web Pro, Helvetica, Arial, sans-serif | Helvetica, Arial, sans-serif | Times New Roman, serif | sans-serif | Times, 'Liberation Serif', serif; | helvetica, sans-serif | Common heading typeface fallback (CSS Font Stack) |
13 | - | Font Foundry (Typekit / Fontdeck?..) | none | none | Typekit | none | Typekit | none | none | none | none | none | none | none | Typekit | none | none | none | none | Typekit | Font Foundry (Typekit / Fontdeck?..) |
14 | |||||||||||||||||||||
15 | - | [CALC] Popular combinations on body/headings: Serif/Sans, Serif/Serif, Sans/Sans, Sans/Serif | [CALC] Popular combinations on body/headings: Serif/Sans, Serif/Serif, Sans/Sans, Sans/Serif | ||||||||||||||||||
16 | |||||||||||||||||||||
17 | - | Body and heading font-sizes: px, em, rem, %? | em | px | px / px | em / em | em /em | px / px | % / px | em / em | em / % | px / px | em / em | % / em | em / em | % / % | px / em | px/px (line height em) | %/% | px/px | Body and heading font-sizes: px, em, rem, %? |
18 | - | Body font-size (default zooming, px) | 16 | 16 | 18 | 16 | 16 | 14 | 15 | 14 | 16 | 17 | 13 | 12 | 18 | 14 | 14 | 14 | 15 | 18 | Body font-size (default zooming, px) |
19 | - | Body line-height (default zooming, px) | 26 | 22 | 27 | 29 | 24 | 23 | 28 | 28 | 24 | 25 | 20 | 18 | 25 | 22 | 20 | 19,6 | 22 | 28 | Body line-height (default zooming, px) |
20 | - | Main heading font-size (px) | 46 | 32 | 26 | 40 | 178 | 40 | 38 | 32 | 30 | 26 | 22 | 23 | 70 | 32 | 30 | 37 | 26 | 68 | Main heading font-size (px) |
21 | - | Main heading line-height (px) | 48 | 36 | 31 | 48 | 212 | 49 | 43 | 34 | 33 | normal | 27 | normal | 60 | 36 | normal | 44,4 | 31 | 70 | Main heading line-height (px) |
22 | - | Secondary heading font-size (px) | 13 | 18 | 24 | 55 | 15 | 13 | 14 | 13 | 28 | 13 | 16 | 24 | Secondary heading font-size (px) | ||||||
23 | - | Tertiary heading font-size (px) | 26 | 15 | 14 | 20 | Tertiary heading font-size (px) | ||||||||||||||
24 | - | Line length (px) | 710 | 595 | 514 | 726 | 475 | 763 | 617 | 801 | 612 | 574 | 589 | 563 | 645 | 663 | 640 | 510 | 638 | 660 | Line length (px) |
25 | - | Characters per line (with spaces, max) | 96 | 83 | 73 | 96 | 67 | 122 | 99 | 118 | 85 | 87 | 89 | 99 | 75 | 110 | 101 | 79 | 100 | 91 | Characters per line (with spaces, max) |
26 | - | Paragraph spacing (px) | 35 | 34 | 19 | 36 | 36 | 26 | 35 | 35 | 36 | 33 | 27 | 29 | 42 | 37 | 27 | 25 | 26 | 28 | Paragraph spacing (px) |
27 | |||||||||||||||||||||
28 | - | Layout breaks when zooming in? | no | no | no | no | no | no | no | no | no | no | no | no | no | no | no | no | no | no | Layout breaks when zooming in? |
29 | - | [CALC] Paragraph spacing / line-height | |||||||||||||||||||
30 | - | [CALC] Line-length / paragraph spacing | |||||||||||||||||||
31 | - | [CALC] line-length / line-height | |||||||||||||||||||
32 | - | [CALC] line-length / paragraph spacing | |||||||||||||||||||
33 | - | [CALC] Main heading font-size / Body font-size | |||||||||||||||||||
34 | - | [CALC] Secondary heading font-size / Body font-size | |||||||||||||||||||
35 | - | [CALC] Tertiary heading font-size / Body font-size | |||||||||||||||||||
36 | |||||||||||||||||||||
37 | |||||||||||||||||||||
38 | List #2 | ||||||||||||||||||||
39 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | ||||
40 | http://www.zeit.de/index | http://fray.com/issue3/ | http://blog.dasmagazin.ch/2012/10/28/zizek-zurich/?site=startseite | http://shapeofdesignbook.com/foreword.html | http://www.bbc.co.uk/ | http://www.guardian.co.uk/ | http://www.nytimes.com/ | http://www.usatoday.com/ | http://ilovetypography.com/ | http://informationarchitects.net/ | http://methodandcraft.com/ | http://europeandaily.com/ | http://fontfeed.com/ | http://www.businessweek.com/ | http://typofonderie.com/gazette/ | http://lessthan100g.com/issue-16/ | http://www.thinkwithgoogle.co.uk/quarterly/index.html | ||||
41 | * | [Category: 1100px Wide View] | [Category: 1100px Wide View] | ||||||||||||||||||
42 | - | Body: serif vs. sans-serif | serif | serif | serif | serif | sans-serif | sans-serif | serif | sans-serif | serif | serif | serif | serif | serif | serif | sans-serif | serif | serif | Body: serif vs. sans-serif | |
43 | - | Body typeface | Georgia | Chaparral Pro | Lyon Text Regulator Nr2 | Quadraat | Arial | Arial | Georgia | Arial | Le Monde Journal | iABC Italic | Skolar Web | Abril Text | Georgia | Georgia | Allumi STD | Gentium Book Basic | Bell mt | Body typeface | |
44 | - | Body typeface bg color | white | white | white | white | white | white | white | white | white | white | white | beige | white | white | white | varied | white | Body typeface bg color | |
45 | - | Common body typeface fallback (CSS Font Stack) | Palatino, 'Palatino Linotype', FreeSerif, serif | Palatino, Georgia, 'Times New Roman', Times, serif | Times, 'Times New Roman', serif | Georgia, serif | Helmet, Freesans, sans-serif | sans-serif | times new roman', times, serif | sans-serif | serif | Georgia, serif | Skolar | Times New Roman, Times, serif | Times New Roman, Times, serif | serif | sans-serif | serif | georgia, 'times new roman', serif | Common body typeface fallback (CSS Font Stack) | |
46 | - | Headings: serif vs. sans-serif | sans-serif | serif | serif | serif | sans-serif | serif | serif | sans-serif | sans-serif | serif | serif | serif | sans-serif | sans-serif | serif | - | serif | Headings: serif vs. sans-serif | |
47 | - | Heading typeface | Arial | Chaparral Pro | Lyon Text Semibold | Quadraat | Arial | Georgia | Georgia | Helvetica | Le Monde Sans | iABC Regular | Skolar Web | Abri Display | FF Suhmo Web Pro - Bold | BWHaasHead | Le Monde Courrier STD | - | Bell mt | Heading typeface | |
48 | - | Common heading typeface fallback (CSS Font Stack) | Helvetica, FreeSans, sans-serif | Palatino, Georgia, 'Times New Roman', Times, serif | Times, 'Times New Roman', serif | Georgia, serif | Helmet, Freesans, sans-serif | serif | times new roman', times, serif | arial, sans-serif | sans-serif | Georgia, serif | Skolar | Times New Roman, Times, serif | FF Suhmo Web Pro, sans-serif | helvetica, arial, sans-serif | serif | - | georgia, 'times new roman', serif | Common heading typeface fallback (CSS Font Stack) | |
49 | - | Font Foundry (Typekit / Fontdeck?..) | none | Typekit | none | Typekit | none | none | none | none | Typekit | none | Typekit | Typekit | Typekit | none | Typekit | Google Web Fonts | none | Font Foundry (Typekit / Fontdeck?..) | |
50 | |||||||||||||||||||||
51 | - | [CALC] Popular combinations on body/headings: Serif/Sans, Serif/Serif, Sans/Sans, Sans/Serif | [CALC] Popular combinations on body/headings: Serif/Sans, Serif/Serif, Sans/Sans, Sans/Serif | ||||||||||||||||||
52 | |||||||||||||||||||||
53 | - | Body and heading font-sizes: px, em, rem, %? | px/em | px/px (line height in em) | %/px | px/em | em/em | em/em | em/em | px/px | em/em | em/em | em/em | em/em | em/em | em/px | %/em | % | px/px | Body and heading font-sizes: px, em, rem, %? | |
54 | - | Body font-size (default zooming, px) | 16 | 18 | 16 | 21 | 14 | 14 | 15 | 14 | 18 | 21 | 16 | 14 | 13 | 16 | 16 | 14 | 16 | Body font-size (default zooming, px) | |
55 | - | Body line-height (default zooming, px) | 24 | 24 | 23 | 33 | 18 | 18 | 22 | 22 | 27 | 32 | 22 | 20 | 20 | 23 | 27 | 23 | 25 | Body line-height (default zooming, px) | |
56 | - | Main heading font-size (px) | 30 | 72 | 23 | 21 | 32 | 26 | 24 | 32 | 48 | 36 | 32 | 46 | 21 | 24 | 40 | 68 | Main heading font-size (px) | ||
57 | - | Main heading line-height (px) | 32 | 60 | 23 | 33 | 34 | 29 | 26 | 34 | 60 | 48 | 20 | 48 | 25 | 29 | 40 | 68 | Main heading line-height (px) | ||
58 | - | Secondary heading font-size (px) | 16 ? | 18 | 24 | 24 | 17 | 17 | 13 | 18 | 22 | Secondary heading font-size (px) | |||||||||
59 | - | Tertiary heading font-size (px) | 12 | 28 | Tertiary heading font-size (px) | ||||||||||||||||
60 | - | Line length (px) | 540 | 578 | 530 | 630 | 460 | 500 | 396 | 550 | 500 | 657 | 583 | 422 | 500 | 406 | 641 | 450 | 524 | Line length (px) | |
61 | - | Characters per line (with spaces, max) | 76 | 84 | 75 | 73 | 80 | 71 | 90 | 91 | 67 | 72 | 85 | 67 | 83 | 58 | 93 | 56 | 78 | Characters per line (with spaces, max) | |
62 | - | Paragraph spacing (px) | 35 | 16 | 15 | 21 | 27 | 23 | 29 | 29 | 65 | 46 | 36 | 23 | 27 | 38 | 46 | 35 | 43 | Paragraph spacing (px) | |
63 | |||||||||||||||||||||
64 | - | Layout breaks when zooming in? | no | no | no | no | no | no | no | no | no | no | no, but sidebar is static | no | no | no | no | no | no | Layout breaks when zooming in? | |
65 | - | [CALC] Paragraph spacing / line-height | |||||||||||||||||||
66 | - | [CALC] Line-length / paragraph spacing | |||||||||||||||||||
67 | - | [CALC] line-length / line-height | |||||||||||||||||||
68 | - | [CALC] line-length / paragraph spacing | |||||||||||||||||||
69 | - | [CALC] Main heading font-size / Body font-size | |||||||||||||||||||
70 | - | [CALC] Secondary heading font-size / Body font-size | |||||||||||||||||||
71 | - | [CALC] Tertiary heading font-size / Body font-size | |||||||||||||||||||
72 | |||||||||||||||||||||
73 | |||||||||||||||||||||
74 | List #3 | ||||||||||||||||||||
75 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | 49 | 50 | 51 | 52 | ||||
76 | http://europe.wsj.com/home-page# | http://www.thedailybeast.com/newsweek.html | http://cognition.happycog.com/ | https://www.pulse.me/ | http://www.readability.com/ | http://www.instapaper.com/ | http://www.storylane.com/ | http://readlists.com/ | http://www.pcmag.com/article2/0,2817,2372738,00.asp | http://typographica.org/ | http://www.uxbooth.com/ | http://www.aiga.org/ | http://aneventapart.com/news/post/aea-2012-relaunch | http://www.sbnation.com/ | http://www.fastcodesign.com/ | http://37signals.com/svn | http://alistapart.com/ | ||||
77 | * | [Category: Regular view, ~1100px] | variable font size and style | Save an Web article and view at a later time. No own content. Here is the data for the facilitator page. | No own content. Links to other articles. Here is the data for the facilitator page. | [Category: 1100px Wide View] | |||||||||||||||
78 | - | Body: serif vs. sans-serif | sans-serif | sans-serif | serif | sans-serif or serif | serif | sans-serif | serif | sans-serif | serif | serif | sans-serif | sans-serif | sans-serif | serif | sans-serif | serif | serif | Body: serif vs. sans-serif | |
79 | - | Body typeface | Arial | Arial | Meta Serif Web Pro | Proxima Nova | Georgia | Helvetica | Merriweather | Myriad Pro | Verdana | Quadraat | Open Sans | Arial | Freight Sans Pro | Mercury SSm A | Museo Sans | Kepler STD | Georgia Pro | Body typeface | |
80 | - | Body typeface bg color | white | white | off-white | white or black | white | white | white | white | white | white | off-white | white | off-white (paper-structured) | white | white | white | white | Body typeface bg color | |
81 | - | Common body typeface fallback (CSS Font Stack) | Helvetica, sans-serif | sans-serif | Meta Serif Web Pro, Georgia, 'Times New Roman', serif | Helvetica-neue, helvetica, sans-serif | Times, 'Liberation Serif', serif | Arial, sans-serif | Georgia, 'Times new roman', serif | helvetica, arial, sans-serif | Arial, Helvetica, sans-serif | Times New Roman', Times, serif | Georgia, Verdana, 'Lucida Grande', Lucida, sans-serif | Helvetica, Tahoma, sans-serif | sans-serif | Mercury SSm B, Georgia, Georgia, serif | Arial, sans-serif | Georgia, Times, serif | Georgia Pro, Georgia, serif | Common body typeface fallback (CSS Font Stack) | |
82 | - | Headings: serif vs. sans-serif | serif | serif | serif | sans-serif or serif | serif | serif | serif | serif | sans-serif | sans-serif | sans-serif | sans-serif | sans-serif | serif | sans-serif | serif | sans-serif | Headings: serif vs. sans-serif | |
83 | - | Heading typeface | Georgia | Times New Roman | ClarendonFSLight | Proxima Nova | Georgia | Georgia | Merriweather | Chapparal Pro | Arial | Anchor Web | refrigerator deluxe 1 | Interstate Ultra Black | Freight Sans Pro | Sentinel SSm | FCZizouSlab | Acta Display | Franklin ITC Bold | Heading typeface | |
84 | - | Common heading typeface fallback (CSS Font Stack) | Century Schoolbook', 'Times New Roman', Times, serif | Times, serif | - | Helvetica-neue, Helvetica, sans-serif | Times, 'Liberation Serif', serif | - | Georgia, 'Times new roman', serif | Chaparral Pro', georgia, serif; | - | Anchor Web, 'Helvetica Neue', Helvetica, sans-serif | refrigerator-deluxe-2, Trebuchet MS | Interstate Ultra Black | sans-serif | Sentinel SSm, Georgia, Georgia, serif | Arial, sans-serif | Georgia, Times, serif | Franklin ITC Bold, sans-serif | Common heading typeface fallback (CSS Font Stack) | |
85 | - | Font Foundry (Typekit / Fontdeck?..) | none | none | Typekit | Typekit | none | none | none | Typekit | none | Typekit | Google Web Fonts / Typekit | none | Typekit | none | none | Typekit | Webtype | Font Foundry (Typekit / Fontdeck?..) | |
86 | |||||||||||||||||||||
87 | - | [CALC] Popular combinations on body/headings: Serif/Sans, Serif/Serif, Sans/Sans, Sans/Serif | [CALC] Popular combinations on body/headings: Serif/Sans, Serif/Serif, Sans/Sans, Sans/Serif | ||||||||||||||||||
88 | |||||||||||||||||||||
89 | - | Body and heading font-sizes: px, em, rem, %? | em/em | %/px | em/em | em/em | %/px | px/px | px/px | em/em | px/px | px/px | px/px (line height em) | %/px | %/% | em | px/px | em/% | px/px | Body and heading font-sizes: px, em, rem, %? | |
90 | - | Body font-size (default zooming, px) | 15 | 14 | 16 | 14 | 15 | 13 | 16 | 13 | 12 | 17 | 14 | 13 | 18 | 16 | 15 | 22 | 18 | Body font-size (default zooming, px) | |
91 | - | Body line-height (default zooming, px) | 22.5 | 21 | 22 | 15 | 22 | 13 | 24 | 17 | 20 | 22 | 21 | 18 | 24 | 26 | 23 | 35 | 30 | Body line-height (default zooming, px) | |
92 | - | Main heading font-size (px) | 35 | 30 | 45 | 42 | 26 | 20 | 48 | 20 | 28 | 48 | 48 | 40 | 32 | 40 | 44 | 45 | 48 | Main heading font-size (px) | |
93 | - | Main heading line-height (px) | 35 | 32 | 49 | 24 | 31 | 20 | 64 | 20 | 32 | 48 | 52 | 40 | 38 | 48 | 44 | 56 | 56 | Main heading line-height (px) | |
94 | - | Secondary heading font-size (px) | 16 | 20 | 16 | 20 | 20 | 16 | 18 | 15 | 28 | 24 | Secondary heading font-size (px) | ||||||||
95 | - | Tertiary heading font-size (px) | 18 | 18 | Tertiary heading font-size (px) | ||||||||||||||||
96 | - | Line length (px) | 552 | 502 | 455 | 655 | 640 | 419 | 597 | 516 | 631 | 495 | 515 | 615 | 583 | 440 | 510 | 660 | 695 | Line length (px) | |
97 | - | Characters per line (with spaces, max) | 88 | 79 | 81 | 96 | 97 | 74 | 74 | 90 | 87 | 70 | 77 | 108 | 84 | 55 | 73 | 74 | 86 | Characters per line (with spaces, max) | |
98 | - | Paragraph spacing (px) | 29 | 33 | 35 | 32 | 27 | 39 | 36 | 39 | - | 28 | 34 | 31 | 39 | 36 | 32 | 24 | 45 | Paragraph spacing (px) | |
99 | |||||||||||||||||||||
100 | - | Layout breaks when zooming in? | no | no | yes | no | no | no | no | no | no | no | yes | no | no | no | no | no | no | Layout breaks when zooming in? |
Loading...