Stax

Conversor de Tamaño de Fuente

Convierte tamaños de fuente CSS entre px, rem, em, pt, vw, vh y %.

UnitValueNotes
px16absolute pixels
rem1base 16px
em1parent 16px
pt12at 96 dpi
vw1.1111viewport 1440px wide
vh1.7778viewport 900px tall
%100parent 16px

Click any row to use that unit as the new input.

Settings (base font size, viewport, parent)
px
px
px
px

¿Qué es el convertidor de tamaño de fuente?

Esta herramienta convierte instantáneamente tamaños de fuente CSS entre px, rem, em, pt, vw, vh y %. Esencial para tipografía responsive y diseño multiplataforma.

Cómo usar la herramienta

  1. Ingresa unidad y valor de origen (ej. 16px).
  2. Establece tamaño de fuente base (default 16px).
  3. Ve al instante conversión a todas las unidades.
  4. Copia para CSS.

Conversiones comunes

  • 16px = 1rem (base por defecto)
  • 12pt ≈ 16px (default Microsoft Word)
  • 14px = 0.875rem
  • 1vw = 1% del ancho del viewport

Preguntas frecuentes

¿px, em, rem, vw — cuándo cuál?
px — tamaño en píxeles fijos (legacy). em — relativo al tamaño del padre. rem — relativo al html raíz (recomendado para tipografía). vw/vh — relativo al viewport (titulares responsive). Mejor práctica moderna: rem para texto, em para espaciado.
¿Cuánto es 1 rem?
1 rem = font-size del elemento html raíz (16px por defecto). Es decir 1 rem = 16px generalmente. Si el usuario aumenta el font-size del navegador, rem aumenta proporcionalmente — esencial para accesibilidad. Tamaños fijos en píxeles dañan la accesibilidad.
¿Diferencia entre pt y px?
pt (punto) = 1/72 de pulgada — estándar en impresión. px = píxel de pantalla. 1pt ≈ 1.333px (en pantalla 96 DPI). pt en documentos Word, px/rem en diseños web. Word default 11pt ≈ 14.66px.
¿Cómo hacer tamaño de fuente responsive?
clamp(min, preferido, max) es la forma moderna: font-size: clamp(1rem, 2vw + 0.5rem, 1.5rem). Escala suavemente con el viewport, con límites min/max. Forma antigua: tamaños diferentes en media queries. Para accesibilidad mínimo 16px (para evitar zoom móvil).

Herramientas relacionadas