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

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

Cuando se trata del diseño de correo electrónico, la elección de la fuente puede marcar una gran diferencia entre que un suscriptor haga clic o siga 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, el arreglo y el estilo trabajan juntos 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 pregunta cómo encontrar y usar fuentes web compatibles con correo electrónico para impulsar su campaña de correo electrónico a toda velocidad, ¡lo respaldamos! Profundicemos en cómo puede mejorar su compromiso y legibilidad mediante el uso correcto de las 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 seguras para 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 representarán correctamente en todos los ámbitos.

• Fuentes web: específicamente diseñadas 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 a veces es posible que necesite usar fuentes tradicionales, las fuentes web le 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 admitidas por correo electrónico?

Como comercializador de correo electrónico, sabe que es importante mantener 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 eres más de interés periodístico, es posible que desees ceñirte 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, debe asegurarse de que la empresa obtenga licencias de fuentes web en el correo electrónico (no solo para sitios web o uso móvil) y siga sus pautas de distribución. Los proveedores de fuentes compatibles con correo electrónico recomendados incluyen:

• Fuentes de Google

• Typekit de Adobe

• Mis fuentes

• Tipo Comercial

• fuente de primavera

• 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. Por lo general, estos clientes de correo electrónico ofrecen compatibilidad con fuentes web:

• Correo de iOS

• correo de manzana

• Android (cliente de correo predeterminado)

• perspectiva 2000

• Outlook.com

• pájaro trueno

Si un proveedor de correo electrónico no muestra fuentes web, no todo está perdido, es por eso que configura esas pilas de fuentes útiles como respaldo. Las pilas de fuentes garantizarán que su correo electrónico aún tenga una estética similar a la que originalmente pretendía. 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: Helvética

• 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 admitidas por correo electrónico son cruciales para entregar 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 son visuales. ¿Con qué frecuencia ha comprado un producto en el supermercado simplemente por su empaque divertido y 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 les atrae el contenido, sino que también se entregan en un diseño visualmente atractivo.

Con cientos de fuentes web diferentes para elegir, aquí hay tres formas de reducir 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 leer para personas con discapacidades visuales. Si tiene más contenido en el cuerpo, se recomienda usar una fuente serif, como Georgia y Verdana, que tiene texto con bloques más largos.

Si bien Arial y Helvetica alguna vez fueron las opciones populares, las letras como p, b, q y d se ven 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 ser escaneables, las letras que son anchas y tienen un espacio 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 más estilizado y un llamado a la acción.

Fuente: Muy buenos correos electrónicos

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

Fuente: Muy buenos correos electrónicos

2. Use 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. Al desarrollar su correo electrónico, asegúrese de que el encabezado y el cuerpo sean de diferentes tamaños y tengan relleno y estilo diferentes 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 su correo electrónico, lo cual es otra ventaja de usar solo una fuente.

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

Fuente: Muy buenos correos electrónicos

Sin embargo, si desea ser más creativo, combinar diferentes fuentes que se complementen entre sí puede ayudarlo a destacarse en la bandeja de entrada y mantener a los suscriptores interesados. 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 ayudar a 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 mientras se mantiene al día con los estándares de su marca. El encabezado capta inmediatamente su atención y atrae sus ojos hacia el cuerpo para ver lo que implica la venta. Debido a las imágenes, puede notar que esta marca es más alegre, por lo que las fuentes múltiples funcionan.

Fuente: Muy buenos correos electrónicos

3. Cree una estructura de fuente coherente.

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

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

• Espaciado: especialmente entre el encabezado y el cuerpo del texto, asegúrese de tener una línea ancha de entre 22 px y 24 px. Los espacios que son demasiado angostos 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 ancla. Los botones son una excelente manera estilizada de llamar la atención sobre su llamado a la acción.

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

Envolver

Si está considerando usar fuentes web en sus campañas de correo electrónico, le decimos que lo haga. Las fuentes web son una excelente manera de cautivar a su audiencia y ayudar a convertir a sus prospectos 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

• Empareje el texto del encabezado con el texto del cuerpo

• Desarrolle una estructura de fuente consistente 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!