Conversor de tamaño de fuente

Cómo usar el conversor de tamaño de fuente

1. 1. Introduce un tamaño y su unidad. Escribe 12 y elige puntos, o 24 y elige píxeles; cualquiera de las nueve unidades puede ser el punto de partida.
2. 2. Ajusta los tamaños de referencia si hace falta. rem se mide respecto al tamaño de fuente raíz (html), y em y % respecto al del elemento padre. Ambos empiezan en 16 px, el valor predeterminado del navegador.
3. 3. Lee el tamaño en todas las unidades. Cada fila muestra el valor y el CSS para pegarlo, con un botón de copiar, y el cálculo muestra cada conversión a través de píxeles.
4. 4. Consulta la tabla de tamaños comunes. Los tamaños de punto de un menú de procesador de textos, de 6 a 72, aparecen con sus equivalentes en píxeles, em, rem, porcentaje y milímetros.

Las reglas de conversión

CSS fija las unidades físicas entre sí: una pulgada son 96 píxeles, 72 puntos, 6 picas o 25,4 milímetros. Un punto equivale así exactamente a 4/3 de píxel. Las unidades relativas necesitan un dato más: el tamaño de fuente con el que se miden.

Con los valores predeterminados, 12 pt son 12 × 96 ÷ 72 = 16 px. Después, 16 ÷ 16 da 1 em, 1 rem y 100 %, y 16 × 25,4 ÷ 96 da 4,2333 mm. Si pones el tamaño padre en 20 px, los mismos 16 px pasan a ser 0,8 em y 80 %, pero siguen siendo 1 rem, porque rem ignora el padre.

Por qué 12 pt equivalen a 16 px

Un punto es 1/72 de pulgada y un píxel de CSS es 1/96 de pulgada, así que 12 puntos son 12/72 = 1/6 de pulgada, es decir, 96 ÷ 6 = 16 píxeles. Word en Windows y Google Docs también tratan una pulgada como 96 píxeles en pantalla, así que con un zoom del 100 % el texto de 12 puntos se ve del mismo tamaño que el texto de 16 px en un navegador; y 16 px es el tamaño que usan los navegadores para el texto que ninguna hoja de estilos ha dimensionado.

Un píxel de CSS no es necesariamente un punto de tu pantalla. En una pantalla de alta densidad, un píxel de CSS cubre varios píxeles físicos, y el navegador escala todas las unidades juntas, así que las proporciones de arriba siempre se cumplen. LaTeX es la excepción habitual a la pulgada de 72 puntos: su pt es el punto tipográfico de imprenta, de 72,27 por pulgada, así que un 12pt de LaTeX es unos 0,4 % más pequeño que 12 pt en Word o CSS. El bp de TeX («big point») es el punto de 72 por pulgada que usa este conversor.

Tamaños de fuente para trabajos académicos

Las guías de estilo fijan los tamaños en puntos, así que la fuente de un trabajo nunca necesita conversión, pero conviene saber qué pide cada guía en realidad:

• APA 7 nombra pares de fuente y tamaño en lugar de un único tamaño: Calibri de 11 puntos, Arial de 11 puntos, Lucida Sans Unicode de 10 puntos, Times New Roman de 12 puntos, Georgia de 11 puntos o Computer Modern de 10 puntos.
• MLA 9 pide una tipografía fácil de leer cuya cursiva contraste con la versión normal, con un tamaño entre 11 y 13 puntos, salvo que tu profesor indique otra cosa.
• Turabian (el estilo Chicago para estudiantes): la hoja de consejos oficial sugiere Times New Roman o Calibri de 12 puntos, o Arial de 11 puntos.

Las fuentes se ven distintas con el mismo tamaño en puntos: Arial parece más grande que Times New Roman, por eso APA empareja cada fuente con su propio tamaño. Para márgenes, interlineado, encabezados y el resto de la página, consulta Cómo dar formato a un trabajo académico en APA, MLA y Chicago.

Preguntas frecuentes

¿Cuántos píxeles son 12 pt?

16 píxeles. CSS define una pulgada como 96 píxeles y como 72 puntos, así que un punto es 4/3 de píxel y 12 × 4/3 = 16. La misma regla hace que 10 pt sean 13,33 px, 11 pt 14,67 px y 14 pt 18,67 px.

¿Cómo convierto px a rem?

Divide entre el tamaño de fuente raíz. Con los 16 px predeterminados, 24 px son 24 ÷ 16 = 1.5rem y 14 px son 0.875rem. Si tu hoja de estilos da al elemento html otro tamaño, introdúcelo como tamaño raíz y el conversor usará ese valor.

¿Cuál es la diferencia entre em y rem?

Ambos son relativos a un tamaño de fuente, pero a uno distinto. rem siempre se refiere al elemento raíz (html), así que 1.5rem es el mismo tamaño en toda la página. em se refiere al elemento padre, así que 1.5em dentro de una caja cuyo texto ya mide 1.5em resulta en 2,25 veces el tamaño raíz: em se acumula, rem no.

¿Es 1em siempre 16 px?

Solo por defecto. 1em equivale al tamaño de fuente del elemento padre y 1rem al de la raíz, y los navegadores empiezan ambos en 16 px. Quien aumente el tamaño de texto predeterminado en la configuración de su navegador cambia ese punto de partida; por eso el texto dimensionado en rem o em sigue su elección y el dimensionado en px no.

¿Cuánto miden 12 pt en milímetros?

12 puntos son 1/6 de pulgada, o unos 4,23 mm. Esa es la medida de la caja em de la fuente, el espacio de diseño en el que se dibuja cada letra, y no la altura de una mayúscula, que en las fuentes de texto habituales es de unos dos tercios de ella.

¿Por qué el mismo tamaño en puntos parece mayor en algunas fuentes?

El tamaño en puntos fija la caja em, no las letras visibles. Las fuentes dibujan sus letras con proporciones distintas dentro de esa caja: Arial tiene minúsculas más altas que Times New Roman, así que Arial de 12 puntos se ve más grande. Por eso APA 7 empareja Arial de 11 puntos con Times New Roman de 12 puntos en lugar de dar un tamaño único para todas las fuentes.