En este tutoriales en linea les traemos esta tabla de conversión de tamaño de texto CSS por punto, píxel, em/rem y porcentaje.
Notas:
- Suponiendo que el tamaño de fuente: raíz es 16px (predeterminado de los navegadores).
- El tamaño calculado de em y % depende de los padres/ancestros.
- El tamaño renderizado real puede depender de la fuente, el navegador y el sistema operativo.
- 1 px = 0,75 punto; 1 punto = 1.333333 píxeles
- Estos datos son útiles para evaluar el cumplimiento de WCAG SC 1.4.3 Contraste (Mínimo) (Nivel AA) que, para sus propósitos, "texto grande" es "al menos 18 puntos o 14 puntos en negrita".
- Tabla de conversión de tamaño de texto CSS
Tabla de conversión de tamaño de texto CSS
| Puntos | Pixels | Ems/Rems | Por ciento | Palabra clave |
|---|---|---|---|---|
| 6pt | 8px | 0.5em | 50% | |
| 7pt | 9px | 0.5625em | 56% | |
| 7.5pt | 10px | 0.625em | 62.5% | x-small |
| 8pt | 11px | 0.6875em | 69% | |
| 9pt | 12px | 0.75em | 75% | |
| 10pt | 13px | 0.8125em | 81% | small |
| 10.5pt | 14px | 0.875em | 87.5% | |
| 11pt | 15px | 0.9375em | 94% | |
| 12pt | 16px | 1em | 100% | medium |
| 13pt | 17px | 1.0625em | 106% | |
| 13.5pt | 18px | 1.125em | 112.5% | large |
| 14pt | 19px | 1.1875em | 119% | |
| 15pt | 20px | 1.25em | 125% | |
| 16pt | 21px | 1.3125em | 131% | |
| 16.5pt | 22px | 1.375em | 138% | |
| 17pt | 23px | 1.4375em | 144% | |
| 18pt | 24px | 1.5em | 150% | x-large |
| 19pt | 25px | 1.5625em | 156% | |
| 19.5pt | 26px | 1.625em | 162.5% | |
| 20pt | 27px | 1.6875em | 169% | |
| 21pt | 28px | 1.75em | 175% | |
| 22pt | 29px | 1.8125em | 181% | |
| 22.5pt | 30px | 1.875em | 187.5% | |
| 24pt | 32px | 2em | 200% | xx-large |
| 26pt | 35px | 2.1875em | 219% | |
| 27pt | 36px | 2.25em | 225% | |
| 28pt | 37px | 2.3125em | 231% | |
| 29pt | 39px | 2.4375em | 244% | |
| 30pt | 40px | 2.5em | 25% | |
| 31.5pt | 42px | 2.625em | 263% | |
| 33pt | 44px | 2.75em | 275% | |
| 34pt | 45px | 2.8125em | 281% | |
| 36pt | 48px | 3em | 300% |
