Responsive Font Checker
Preview and test font scaling and typography across different viewports and scales.
16px
1.25
Preview: 1200px width
Display 149px / 3.063rem
The quick brown fox jumps over the lazy dog
Heading 139px / 2.438rem
The quick brown fox jumps over the lazy dog
Heading 231px / 1.938rem
The quick brown fox jumps over the lazy dog
Heading 325px / 1.563rem
The quick brown fox jumps over the lazy dog
Heading 420px / 1.250rem
The quick brown fox jumps over the lazy dog
Base Body16px / 1.000rem
The quick brown fox jumps over the lazy dog
Small text13px / 0.813rem
The quick brown fox jumps over the lazy dog
Caption10px / 0.625rem
The quick brown fox jumps over the lazy dog
Typography Tip
Using a consistent type scale helps create visual hierarchy and harmony in your designs. A scale of 1.250 (Major Third) is a safe and popular choice for web applications.