1.4 rem to px = 22.4px
1.4 rem equals 22.4 pixels at the default root font size of 16px. Adjust the root size below to recalculate.
What’s 1.4rem used for?
1.4rem (about 22.4px at default root) is an unusual but intentional type size — found in editorial and reading-focused designs where 1.5rem feels too large for an in-flow heading. Useful when you want a clearly-distinguished h4 without committing to a full sub-heading scale.
How it works
To convert 1.4rem to pixels, multiply by the root font size: 1.4 × 16 = 22.4. The rem unit is relative to the root element’s font size, which browsers default to 16px.
1.4rem at different root sizes
If you’ve overridden the html root font size, the pixel equivalent of 1.4rem shifts. Here’s 1.4rem at common root sizes.
| Root size | 1.4rem in px |
|---|---|
| 16px (default) | 22.4px |
| 12px | 16.8px |
| 14px | 19.6px |
| 18px | 25.2px |
| 20px | 28px |
| 24px | 33.6px |
1.4rem in CSS
Use 1.4rem as an h3 sub-heading font size.
h3 {
font-size: 1.4rem; /* 22.4px */
font-weight: 600;
}FAQ
Is 1.4rem the same as 22.4px?
Yes, at the browser default root font size of 16px. If the root has been changed (some sites use html { font-size: 62.5% } or similar), the conversion changes — see the table above for 1.4rem at other root sizes.
Why use 1.4rem instead of 22.4px?
Because 1.4rem scales with the user’s browser font-size preference, and 22.4px does not. If a user enlarges their default font size for accessibility, anything sized in rem scales proportionately — including this value. Use rem for type and type-adjacent properties; reach for px only when the value must stay fixed regardless of user settings.