Points, Pixels, y Ems
Choosing el/la Right Unidad
Compare UnitsDifferent typography unidades serve diferente purposes. Points trabajar for print, pixels for fixed screens, y ems/rems for responsive design. Choosing correctly ensures tu type muestra well across contexts.
Unidad Comparison
| Unidad | Type | Best 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 son referencia pixels, not physical screen pixels.
Conclusion
Modern responsive design favors rem for base typography with em for component-relative spacing. Pixels trabajar for preciso control donde scaling isn't needed. Points remain esencial for print. Understanding cada unidad's behavior helps create consistent, accessible designs.