Should You Set html { font-size: 62.5% }? Pros, Cons, and Alternatives
The 62.5% trick makes 1rem equal 10px, so 1.6rem = 16px. Easy math—but is it worth it?
Pros
- Mental math: 1.4rem = 14px.
- Consistent baseline across the app.
Cons
- Conflicts with most tutorials and component libraries.
- Overrides user defaults; can surprise readers who scale text.
Alternatives
Use clamp() for fluid type, or keep the default 16px base and rely on the converter.
Ad placeholder