Guía para ajustar el tamaño de letra en plantillas de email - Desktop y Mobile

Esta guía explica cómo revisar, corregir y ajustar el tamaño de tipografía en plantillas para que se visualice correctamente en desktop y mobile.
 

Cuando diseñás plantillas de email es importante tener en cuenta que no todos los clientes de correo interpretan de la misma manera los estilos, especialmente los que diferencian entre desktop y mobile.

La recomendación más confiable es establecer un único tamaño de fuente que se adapte bien en ambos contextos. De esta manera aseguras consistencia visual, evitas problemas de renderizado y garantizas que el mensaje sea legible tanto en computadoras como en teléfonos.

Lo ideal es verificar siempre la visualización en diferentes dispositivos y clientes de correo, para confirmar que la tipografía elegida mantiene una buena legibilidad en todos los casos.

 

Diferencia entre aplicar tamaño directo en el texto o por medio de los estilos

• Modificar directamente en el editor de texto:
  Si aplicas un tamaño fijo (ejemplo 18px) desde la barra del editor del texto que estás editando, ese valor se guarda de manera absoluta directamente aplicado en el texto y se usará igual en desktop y mobile, sin posibilidad de tener un tamaño distinto entre Desktop y Mobile.
  
• Modificar desde la solapa Estilos:
  Si necesitas tener un tamaño de letra distinto en Desktop y Mobile, lo recomendado es cambiar la tipografía y su tamaño desde la solapa Estilos, sin tocar luego el tamaño desde el texto. De esta forma, el sistema puede adaptar el contenido y aplicar tamaños distintos en mobile.
  

Si ya aplicaste un tamaño directamente en el texto, cómo limpiarlo y aplicar el tamaño correctamente

Si ya aplicaste tamaños fijos directamente en el texto, puedes corregirlo:

1. Ingresa nuevamente a editar la plantilla de email.
2. Selecciona el bloque de texto que tenga un tamaño fijo (ej. 18px).

3. Selecciona todo el contenido y presiona “Borrar formato”. Esto elimina estilos como tamaños, colores y tipografías aplicados directamente. ⚠️ Importante: también quitará negritas, cursivas o colores, que deberás aplicar otra vez.

   
   

4. Ingresa a la solapa Estilos y define ahí el tamaño que corresponda (por ejemplo, 16px o 18px).
   
5. Si ese tamaño no se ve bien en mobile, entra a Diseño → Estilos mobile.
   
6. Ajusta el tamaño de la tipografía de la sección correspondiente (ejemplo “Cuerpo”).
   

Tamaños recomendados

Si necesitas un único tamaño fijo que funcione en ambos dispositivos:

• Párrafos: entre 14px y 16px (óptimo y legible en desktop y mobile).
• Títulos o destacados: entre 18px y 20px.

Buenas prácticas

• Usa siempre los estilos globales de la plantilla en lugar de fijar tamaños manuales dentro del texto.
• Define jerarquías: títulos, subtítulos y párrafos. Esto asegura consistencia y adaptación en distintos dispositivos.
• Evita fijar tamaños grandes como 18px en párrafos, porque en mobile pueden verse demasiado grandes.

Si tienes dudas

Si notas diferencias o errores:

• Verifica primero en otro dispositivo.
• Asegúrate de que el texto no tenga un tamaño fijo aplicado manualmente directamente en el texto y no por estilos
• Si el problema persiste, contacta al equipo de soporte y envía capturas de pantalla para que podamos ayudarte.