Cómo encontrar y utilizar fuentes compatibles con correo electrónico para el diseño y la legibilidad

¿Alguna vez ha creado un correo electrónico al azar y ha elegido la primera fuente que vio? Presiona enviar. ¿Lo llamas bueno para ir?

Cuando se trata del diseño de correo electrónico, su elección de fuente puede marcar una gran diferencia entre un suscriptor que hace clic o sigue adelante. No solo ayudan a que su correo electrónico sea más atractivo visualmente, sino que también pueden mejorar la legibilidad general. La apariencia, la disposición y el estilo se combinan para crear una tipografía única, que es donde su correo electrónico puede brillar.

Si bien no hay nada de malo en utilizar fuentes tradicionales, como Arial o Times New Roman, para comunicar su mensaje, existen muchas fuentes únicas compatibles con correo electrónico que llevarán sus campañas al siguiente nivel.

Si se está preguntando cómo encontrar y utilizar fuentes web compatibles con correo electrónico para acelerar su campaña de correo electrónico, ¡lo respaldamos! Analicemos cómo puede mejorar su interacción y legibilidad mediante el uso correcto de fuentes web.

¿Qué son las fuentes web?

Antes de comenzar a ser creativo, debe conocer la diferencia entre las fuentes web y las fuentes seguras para la web.

• Fuentes compatibles con la Web: es más probable que estas fuentes se encuentren en todos los principales sistemas operativos y proveedores de correo electrónico e incluyen Arial, Verdana, Georgia, Times New Roman y Courier. Las marcas continúan usándolos porque son clásicos y se renderizarán correctamente en todos los ámbitos.

• Fuentes web: diseñadas específicamente y con licencia para sitios web, las fuentes web no se encuentran en todos los dispositivos y sistemas operativos de forma predeterminada. Las fuentes web incluyen Roboto y Open Sans.

Si bien es posible que en ocasiones necesite utilizar fuentes tradicionales, las fuentes web permiten al diseñador más creatividad para ayudar a transmitir el mensaje y la estética de la marca sin limitarse al texto preinstalado.

¿Por qué son importantes las fuentes compatibles con correo electrónico?

Como especialista en marketing por correo electrónico, sabe que es importante mantenerse dentro de la marca con estilo, colores y tipografía. Sin embargo, también necesita crear un mensaje atractivo que resuene con sus suscriptores. Las fuentes compatibles con correo electrónico actúan como una extensión de su marca, lo que le permite utilizar texto en el título, el cuerpo y la superposición de imágenes para diseñar su mensaje de manera creativa y accesible.

Si su marca es un poco tonta, puede ir a lo grande y utilizar un tipo divertido y elegante. Sin embargo, si tiene más interés en las noticias, es posible que desee ceñirse a algo más estándar. Las fuentes web le brindan esa flexibilidad y creatividad.

¿Dónde puedes encontrar fuentes web?

Si bien hay muchos proveedores de fuentes web, debes asegurarte de que la empresa otorgue licencias a las fuentes web en el correo electrónico (no solo para el uso de sitios web o dispositivos móviles) y sigues sus pautas de distribución. Los proveedores de fuentes compatibles con correo electrónico recomendados incluyen:

• Fuentes de Google

• Typekit de Adobe

• MyFonts

• Tipo comercial

• Fuente Spring

• Tienda de fuentes

¿Qué clientes de correo electrónico admiten fuentes web?

Cuando vaya más allá de las fuentes seguras para la web, utilizará fuentes que se descargan a medida que se abren los mensajes. Es importante tener en cuenta que no todos los dispositivos admitirán fuentes específicas, por lo que configurará hojas de estilo en cascada para crear "pilas de fuentes". Estas pilas de fuentes se utilizan como copias de seguridad en caso de que la fuente seleccionada no se integre.

Una vez que elija sus fuentes web, es importante considerar cómo se mostrará el proveedor de servicios de correo electrónico real. Normalmente, estos clientes de correo electrónico ofrecen compatibilidad con fuentes web:

• Correo iOS

• Correo de Apple

• Android (cliente de correo predeterminado)

• Outlook 2000

• Outlook.com

• Thunderbird

Si un proveedor de correo electrónico no muestra fuentes web, no todo está perdido, es por eso que configura esas prácticas pilas de fuentes como respaldo. Las pilas de fuentes asegurarán que su correo electrónico aún tenga una estética similar a la que pretendía originalmente. Además, cada cliente de correo electrónico tiene una fuente predeterminada que los suscriptores verán en lugar de su fuente web. Los valores predeterminados incluyen:

• Gmail: Arial

• Correo de Apple: Helvetica

• Microsoft Outlook: Calibri

Cómo elegir las fuentes web adecuadas para su campaña de correo electrónico

Ahora que comprende los conceptos básicos de las fuentes web, es hora de descubrir las mejores formas de elegir la tipografía adecuada para sus campañas de correo electrónico. Las fuentes compatibles con correo electrónico son cruciales para transmitir su mensaje y tener la posibilidad de aumentar las tasas de clics y las tasas de conversión.

Piénselo de esta manera: los humanos somos visuales. ¿Con qué frecuencia ha comprado un producto en el supermercado simplemente por su divertido empaque de colores brillantes? Lo mismo ocurre con los correos electrónicos. Es más probable que sus suscriptores abran, hagan clic y compren sus correos electrónicos si no solo el contenido les atrae, sino que también se entrega con un diseño visualmente atractivo.

Con cientos de fuentes web diferentes para elegir, aquí hay tres formas de limitar sus selecciones para elegir la mejor fuente compatible con correo electrónico para sus campañas.

1. Seleccione la fuente de cuerpo correcta.

La fuente de su cuerpo debe ser distinguible y accesible para las personas con discapacidades visuales. Si tiene más contenido en el cuerpo, se recomienda utilizar una fuente serif, como Georgia y Verdana, que tenga texto con bloques más largos.

Si bien Arial y Helvetica fueron alguna vez las opciones populares, las letras como p, b, qyd parecen demasiado uniformes y son más difíciles de distinguir. Con una fuente serif, se agregan trazos adicionales para dar más carácter a las letras. Dado que los correos electrónicos deben poder escanearse, las letras que son anchas y tienen un espaciado constante ayudan a los suscriptores a leer rápidamente.

Fuente: W3Schools

Tome este ejemplo CAVA Dips, que utiliza una fuente de cuerpo serif fácil de leer, combinada con un título y una llamada a la acción más estilizados.

Fuente: Correos electrónicos realmente buenos

Si bien serif es ideal para correos electrónicos más largos, utilizar una fuente sans serif sigue siendo legible y aceptable. Con solo una línea de texto del cuerpo, Cater 2 Me clavó su diseño de fuente web. Tiene un gran impacto y va directo al grano sin distraer.

Fuente: Correos electrónicos realmente buenos

2. Utilice un encabezado estilizado con una fuente de cuerpo emparejada.

Si bien esto puede parecer más "simple", usar la misma fuente para el encabezado y el cuerpo ayudará a establecer una mejor identidad de marca y garantizará que todo el mensaje aparezca en el cliente de correo electrónico. Cuando desarrolle su correo electrónico, asegúrese de que el encabezado y el cuerpo sean de diferentes tamaños y que tengan diferentes acolchados y estilos para diferenciar mejor entre los dos. También es importante tener en cuenta que cuantas más fuentes web tenga, más tiempo tardará en cargarse el correo electrónico, lo cual es otra ventaja de usar solo una fuente.

Tome este ejemplo de Lululemon. La empresa utiliza títulos que son 2 veces el texto del cuerpo con suficiente espacio entre los dos. Los suscriptores pueden diferenciar fácilmente entre los dos elementos mientras crean un diseño limpio y clásico.

Fuente: Correos electrónicos realmente buenos

Sin embargo, si desea ser más creativo, combinar diferentes fuentes que se complementen entre sí puede ayudar a diferenciarse en la bandeja de entrada y mantener a los suscriptores comprometidos. Se recomienda usar solo dos fuentes web por correo electrónico, pero puede ser complicado porque no desea que las fuentes sean ilegibles e inaccesibles. Si está buscando una manera de descubrir fuentes comparables, puede utilizar Font Pair para encontrar las combinaciones de fuentes más impactantes para el diseño de su correo electrónico.

Tattly hace un gran trabajo al combinar dos fuentes diferentes sin dejar de cumplir con los estándares de su marca. El título inmediatamente llama tu atención y atrae tu mirada hacia el cuerpo para ver lo que implica la venta. Debido a las imágenes, puede ver que esta marca es más alegre, por lo que las múltiples fuentes funcionan.

Fuente: Correos electrónicos realmente buenos

3. Cree una estructura de fuentes coherente.

Una vez que haya seleccionado las fuentes web, tendrá muchos otros elementos a considerar, como el tamaño de la fuente, el espaciado, los enlaces y botones, los colores y más. Estas funciones ayudarán a que sus correos electrónicos se mantengan consistentes sin importar en qué etapa del recorrido del cliente se encuentren sus suscriptores.

• Fuente: para el texto del cuerpo, la fuente debe tener un tamaño de 14 px en el escritorio y de 16 px en los dispositivos móviles. Cuando utilice un diseño receptivo, verifique que las fuentes compatibles con el correo electrónico fluctúen automáticamente entre los tamaños de pantalla.

• Espaciado: especialmente entre el encabezado y el texto del cuerpo, asegúrese de tener una altura de línea amplia entre 22 px y 24 px. Los espacios que son demasiado estrechos pueden disminuir la legibilidad y el compromiso.

• Enlaces y botones: al crear enlaces y botones, no use una fuente separada para subrayar su frase de enfoque y verifique si incluye el enlace de anclaje. Los botones son una excelente forma estilizada de llamar la atención sobre su llamado a la acción.

• Colores: utilice solo tres colores que se identifiquen con los estándares de su marca: un color para el encabezado, otro para el cuerpo y el último para los enlaces.

Envolver

Si está considerando utilizar fuentes web en sus campañas de correo electrónico, ¡le recomendamos que lo haga! Las fuentes web son una excelente manera de cautivar a su audiencia y ayudar a convertir a sus clientes potenciales en clientes con un diseño de correo electrónico impactante. Al elegir sus fuentes compatibles con correo electrónico, asegúrese de:

• Crear pilas de fuentes de respaldo

• Utiliza un estilo de fuente serif

• Emparejar el texto del encabezado con el texto del cuerpo

• Desarrolle una estructura de fuentes coherente para todas las campañas futuras

¿Estás listo para comenzar a diseñar tus propias campañas de correo electrónico con fuentes web? Emma ofrece un editor de arrastrar y soltar y la capacidad de codificar correos electrónicos completamente desde cero. ¡Pruebe una demostración hoy para obtener más información!