Average Font Size For Headlines
Of course, the selection of headline font size depends on the font employed in the design. In any case, in our study by far, the foremost common font sizes ranged from eighteen to twenty-nine (18 to 29) pixels, with eighteen to twenty (18 to 29) pixels and twenty-four to twenty-six (24 to 26) pixels being the most popular choices.
Our study didn՚t yield any clear winners. The usual font size for headings is 25.6 pixels. But note that any size between 18 and 29 pixels could be effective; it depends, after all, on how your headings fit the overall design of your Web site. Still, you could try experimenting with larger sizes, because displays are always getting larger, as are display resolutions.
An obvious outlier is Wilson miner (screenshot below), who uses a vast font size of forty-eight (48) pixels for his headlines. His site is a special case, though, because all of his posts have very short titles, only some words.
Average Size For Body Copy
Do you remember regarding seven years ago when web styles had small, barely readable components, and body copy was set to eight (8) pixels in Tahoma? Tiny font sizes are out, and more and more trendy designers are turning to giant font sizes. From our sample size, we saw a clear tendency towards sizes between twelve (12) and fourteen (14) pixels. The foremost common font size (38%) is thirteen (13) pixels, with fourteen pixels slightly more common than twelve (12) pixels. Overall, the average font size for body copy is thirteen (13) pixels.
We noted (as one would expect) more and more attention being paid to the smallest typographic details. Dashes, quotes, footnotes, author names, introductory text, and paragraphs have been wisely set, with the best legibility in mind. Typesetting is usually very consistent, with a lot of white space, leading and padding.
Typographica uses a large font size for the introductory paragraphs of its articles and then reverts to a normal size for the rest of the text.
Heading to Body Font-Size Ratio
To better understand the relationship between heading and body font size, we divided each Web site՚s heading font size by its body font size. We took the common of these ratios and derived a rule of thumb for you to work with:
Heading font size ÷ Body copy font size = 1.96
The overall value, then, is 1.96. This means that after you have chosen a font size for your body copy, you may need to multiply it by two (2) to urge your heading font size. This, of course, depends on your style; the rule of thumb won՚t necessarily give you the optimal size for your particular design. Another option is to use a conventional scale (6, 7, 8, 9, 10, 11, 12, 14, 16, 18, 21, 24, 36, 48, 60, 72) or the Fibonacci order (e.g. 16 – 24 – 40 – 64 –104) to get natural typographic results. WHAT IS GRAPHIC DESIGN
This post contains the content of book Typography below is the link of the complete book DOWNLOAD