Mon. Apr 20th, 2020

book derives

Knowledge Peace

Average Font Size For Headlines and Body – Typography

2 min read
Average Font Size For Headlines

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.

Which Typeface Is Most Popular

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.

Wilson Miner

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.

Font Size For Body Copy

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.

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

Copyright © All rights reserved. This site contains book's content to increase knowledge and develop keen interest toward book. | Newsphere by AF themes.