Font Size Converter
Convert between px, rem, em or custom font size types.
px to em/rem conversion
| px | em/rem | TailwindCSS |
|---|---|---|
| 12 | 0.75 | text-xs |
| 14 | 0.875 | text-sm |
| 16 | 1 | text-base |
| 18 | 1.125 | text-lg |
| 20 | 1.25 | text-xl |
| 24 | 1.5 | text-2xl |
| 30 | 1.875 | text-3xl |
| 36 | 2.25 | text-4xl |
| 48 | 3 | text-5xl |
| 60 | 3.75 | text-6xl |
| 72 | 4.5 | text-7xl |
| 96 | 6 | text-8xl |
| 128 | 8 | text-9xl |
About
Font Converter runs simple equations to calculate
,
px
and em
values.rem
px
when changed, adjusts the
and rem
values by taking the em
value and dividing by the
px
.baseFontSize
rem = px / baseFontSize
rem/em
when changed, adjusts the
value by taking the
px
/rem
value and multiplying by the
em
.baseFontSize
px = rem * baseFontSize