Conversor de tamaño de fuente

• Conversión instantánea entre varias unidades: el conversor muestra al instante los valores equivalentes en las seis unidades (px, em, rem, %, pt y vw) mientras escribes. Sin botones que pulsar ni recargas de página. Cada tarjeta de unidad es clicable, así que puedes seguir convirtiendo desde cualquier unidad de salida al momento.
• Base y ventana configurables: define el tamaño de fuente raíz (16px por defecto) y el ancho de ventana (1920px por defecto) según el contexto de tu proyecto. Elige entre los valores predefinidos habituales o introduce los tuyos. Todas las conversiones se actualizan al instante al cambiar estos ajustes.
• 100 % privado y sin subidas: todas las conversiones de tamaño de fuente se realizan localmente en tu navegador. Tus valores nunca salen de tu dispositivo ni se envían a ningún servidor, lo que lo hace seguro para sistemas de diseño propietarios y trabajos de clientes.
• Gratis y sin límites: convierte tamaños de fuente sin límite, sin registro, sin suscripción y sin topes de uso. El conversor de tamaño de fuente es totalmente gratis para siempre, sin anuncios que bloqueen la interfaz.

• Diseño de interfaces y web: los diseñadores de UI usan el conversor para traducir los tamaños de fuente de los mockups (normalmente en px desde Figma o Sketch) a unidades rem o em adaptables para el desarrollo. Así los diseños se implementan con precisión manteniendo la accesibilidad y la escalabilidad.
• Desarrollo CSS: los desarrolladores frontend usan el conversor para pasar los valores en píxeles de la especificación de diseño a la unidad CSS más adecuada en cada caso: rem para tipografía global, em para tamaños de componente, vw para titulares fluidos y pt para hojas de estilo de impresión.
• Tipografía adaptable: quienes construyen sitios adaptables usan el conversor para calcular escalas tipográficas fluidas. Al convertir entre px y vw en distintos tamaños de ventana, pueden crear funciones clamp() que escalan el texto con suavidad en todas las pantallas.
• Tokens de sistemas de diseño: quienes mantienen sistemas de diseño usan el conversor para definir tokens de escala tipográfica coherentes. Convertir un conjunto base de valores en píxeles a rem, em y porcentaje garantiza que el sistema funcione en todos los contextos de unidades CSS.
• Cumplimiento de accesibilidad: los especialistas en accesibilidad usan el conversor para verificar que los tamaños de fuente cumplen los requisitos de las WCAG. Entender la relación entre px y rem ayuda a asegurar que el texto respeta las preferencias de tamaño del usuario (WCAG 1.4.4, Redimensionar texto).
• Diseño para impresión y PDF: los diseñadores de impresión usan el conversor para traducir entre px (pantalla) y pt (impresión). Esto garantiza que los diseños digitales se reproduzcan con precisión en impresión al tamaño físico correcto.

Un conversor de tamaño de fuente traduce valores de tamaño de fuente entre distintas unidades CSS: px, em, rem, %, pt y vw. Cada unidad tiene características y usos diferentes. Nuestra herramienta convierte cualquier valor de entrada a las seis unidades a la vez, con ajustes configurables de tamaño de fuente base y ancho de ventana para adaptarse al contexto exacto de tu proyecto. Todas las conversiones se realizan al instante en tu navegador.

Usar unidades relativas (rem, em, vw) para los tamaños de fuente es un requisito de accesibilidad de las WCAG. El criterio de conformidad 1.4.4 de las WCAG 2.1 (Redimensionar texto) exige que el texto pueda ampliarse hasta el 200 % sin pérdida de contenido ni funcionalidad. Cuando usas px para el texto, se ignora la preferencia de tamaño de fuente del navegador del usuario: quien tiene su navegador configurado a 20px por defecto verá el mismo texto pequeño que quien lo tiene a 16px.

REM es la unidad recomendada para la tipografía en la mayoría de arquitecturas CSS modernas porque respeta las preferencias del usuario, ofrece un tamaño coherente en toda la página y hace que los ajustes globales de tamaño de fuente sean tan sencillos como cambiar un único valor en el elemento <html>. Nuestro conversor de tamaño de fuente te ayuda a traducir especificaciones de diseño basadas en píxeles a unidades accesibles y adaptables.

1. Introduce un valor: escribe cualquier número positivo en el campo de entrada. Selecciona la unidad (px, em, rem, %, pt o vw) en el menú desplegable. El conversor muestra al instante los resultados en las seis unidades.
2. Configura los ajustes base: define tu tamaño de fuente raíz (base) y el ancho de ventana para adaptarlos a tu proyecto. Hay valores predefinidos rápidos o puedes introducir uno propio. Cambiar estos ajustes actualiza todas las conversiones en tiempo real.
3. Revisa y copia: cada tarjeta de unidad muestra el valor convertido. Haz clic en cualquier tarjeta para que esa unidad sea la nueva entrada y seguir convirtiendo. Pasa el cursor por una tarjeta y haz clic en el icono de copiar para copiar el valor formateado. También se ofrece una declaración CSS para copiar y pegar en tu hoja de estilos.
4. Usa la tabla de referencia: la tabla de referencia muestra los valores en píxeles habituales convertidos a todas las unidades con tus ajustes configurados, ideal para consultar rápido tamaños estándar.