Sun. Nov 10th, 2019

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 choice of headline font size depends on the font used in the design. In any case, in our study by far, the most popular font sizes ranged from 18 to 29 pixels, with 18 to 20 pixels and 24 to 26 pixels being the most
popular choices.


Our study didn՚t yield any clear winners. The average 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 massive font size of 48 pixels for his headlines. His Web site is a special case, though, because all of his posts have extremely short titles, only a few words.

Wilson Miner

Average Size For Body Copy

Do you remember about seven years ago when Web designs had tiny, barely readable elements, and body copy was set to 8 pixels in Tahoma? Small font sizes are out, and more and more modern designers are turning to large font sizes. From our sample size, we saw a clear tendency towards sizes between 12 and 14 pixels. The most popular font size (38%) is 13 pixels, with 14 pixels slightly more popular than 12 pixels. Overall, the average font size for body copy is 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 carefully set, with optimal 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 average 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 when you have chosen a font size for your body copy, you may want to multiply it by 2 to get 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 traditional scale (6, 7, 8, 9, 10, 11, 12, 14, 16, 18, 21, 24, 36, 48, 60, 72) or the Fibonacci sequence (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.