Font Scale Generator for Fluid Typography
Scale
H161.04px
61.04px
3.815rem
3.815rem
The quick brown fox jumps over the lazy dog.
H248.83px
48.83px
3.052rem
3.052rem
The quick brown fox jumps over the lazy dog.
H339.06px
39.06px
2.441rem
2.441rem
The quick brown fox jumps over the lazy dog.
H431.25px
31.25px
1.953rem
1.953rem
The quick brown fox jumps over the lazy dog.
H525px
25px
1.563rem
1.563rem
The quick brown fox jumps over the lazy dog.
H620px
20px
1.25rem
1.25rem
The quick brown fox jumps over the lazy dog.
Body16px
16px
1rem
1rem
The quick brown fox jumps over the lazy dog.
CSS Output
:root {
--font-family: 'Inter', sans-serif;
--h1: 3.815rem; /* 61.04px */
--h2: 3.052rem; /* 48.83px */
--h3: 2.441rem; /* 39.06px */
--h4: 1.953rem; /* 31.25px */
--h5: 1.563rem; /* 25px */
--h6: 1.25rem; /* 20px */
--body: 1rem; /* 16px */
}