Typography Font Size Scale

This example type scale uses the Roboto typeface for all headlines subtitles body and captions creating a cohesive typography experience.

Typography font size scale. They declare an unnecessary amount of different font-sizes that upon inspection dont come close to resembling a sane type scale. 9px You might recognize these values as being part of the classic modular scale illustrated by Robert Bringhust in The Elements of Typographic Style. 18px h4 font-size.

Similarly in music each C note vibrates twice as fast as the previous C note. The browser element default font size is 16px but browsers have an option to change this value so rem units allow us to accommodate the users settings resulting in a better accessibility support. For the first step up our scale we multiply by our scale unit.

Minimum size is 13pt for descriptions and footers. Display is used in hero sections. Web font sizes - simpler with a wider scale.

36px h2 font-size. Right-click the desktop and choose Display settings Windows 10 or Personalize Windows 87. The small sizes would increase by 1 size 6 to 12 then the next series would increase by 2 size 12 to 18 then by 3 size 21 to 24 then by 12 size.

24px h3 font-size. True black text on white backgrounds is. Understanding that different fonts can be more or less legible even at the exact same size 16px is a good place to start when choosing your default mobile font size.

The font sizes 6 12 24 etc all appear in the scale. In Windows 10 scroll down to the Scale and layout section and select the menu next to the text that says Change the size of text apps and other items. The base is the base so lets say 10px again to make it really easy to work with.