Points, Pixels, e Ems
Choosing o Right Unidade
Compare UnidadesDiferente typography unidades serve diferente purposes. Points work for print, pixels for fixed screens, e ems/rems for responsive design. Choosing correctly ensures your type displays bem across contexts.
Unidade Comparison
| Unidade | Type | Melhor For |
|---|---|---|
| pt (points) | Absolute | Print design |
| px (pixels) | Absolute* | Screen UI elements |
| em | Relative | Component spacing |
| rem | Relative | Global font scales |
| % (percent) | Relative | Fluid layouts |
| vw/vh | Relative | Viewport-based sizing |
*CSS pixels são reference pixels, not physical screen pixels.
Conclusão
Modern responsive design favors rem for base typography com em for component-relative spacing. Pixels work for precise control onde scaling isn't needed. Points remain essential for print. Understanding cada unidade's behavior helps create consistent, accessible designs.