type-scale.com - Typescale - Create stunning typography, generate CSS, and find inspiration.

Description: Preview and choose the right type scale for your project. Experiment with font size, scale and different webfonts.

text (2270) typography (2135) em (636) type (584) font (533) typeface (227) size (224) rem (72) rems (44) typographic (25)

Example domain paragraphs

Medium scales (1.15–1.333) have a clear hierarchy, and help to organize sections with subheadings. A medium scale is versatile and works well for a wide variety of desktop sites, including blogs and marketing sites.

Large scales (1.333 or greater) may be challenging to implement effectively, but could work well for portfolios, agencies, some marketing sites, or avant-garde works.

The em value is the same as the rem value displayed above. Both units are scalable. The only difference between the two is that em is proportionate to its nearest parent that has a font-size, whereas rem is always relative to the <html> font-size. You can read more about these units from an article I wrote on the subject, Confused About REM and EM?

Links to type-scale.com (14)