Una de las preocupaciones más llamativas en el proceso de producción del correo electrónico es la elección del tipo de letra adecuado. El peso, la altura, la anchura, el color, la forma, el espaciado... ¿Todo es importante? Sí, lo es, pero también una de las cosas más cruciales es elegir la fuente que sea legible.
En este post, vamos a mostrarle cómo elegir la mejor fuente profesional para el correo electrónico.
Fuentes de correo electrónico HTML: Reglas generales a seguir
Hay tres reglas básicas que hay que tener en cuenta a la hora de elegir el mejor tipo de letra para el correo electrónico:
1. Nunca utilice más de 2 fuentes en los correos electrónicos
Si utiliza demasiadas fuentes, tu correo electrónico parecerá muy complicado en el mejor de los casos y molesto en el peor. Elija sólo una o dos fuentes para un correo electrónico. En un caso perfecto, basta con usar una sola fuente pero de diferentes tamaños: una para destacar el encabezado y otra para el resto de tu contenido.
2. Evite utilizar más de 2 estilos de letra en los correos electrónicos
No mezcle los estilos de letra normal, negrita y cursiva en los correos electrónicos. Si usa más de dos, los correos electrónicos parecen algo desordenados. Normalmente, un solo estilo de letra es suficiente. Si quiere resaltar cosas, puede aplicar el estilo de letra negrita.
Pero nunca subraye su texto y nunca aplique la tipografía cursiva por razones de accesibilidad al correo electrónico.
3. Preste mucha atención a la legibilidad de la fuente elegida
La principal característica de la fuente de su contenido es la legibilidad. La legibilidad es la capacidad de distinguir una letra de otra. Por supuesto, un texto legible es mejor y más rápido de leer, así que comprueba si todos los caracteres son lo suficientemente visibles, claros y distintivos.
¿Cuál es el tipo de letra más legible? El experimento sobre la legibilidad de las fuentes fue realizado por Norbert Schwarz y Hyunjin Song en 2010. Los resultados fueron impresionantes. Se invierte casi el doble de tiempo en leer fuentes de estilo cursivo y decorativo en comparación con las normales:
Hablando de legibilidad... Hay dos tipos principales de fuentes: Serif y Sans Serif. Veamos qué tipo de letra utilizar para los boletines electrónicos.
¿Qué elegir: un tipo de letra Serif o Sans Serif?
Los tipos de letra también afectan a la legibilidad de las fuentes para enviar correos electrónicos. ¿Cuál es la diferencia entre ellas?
Las fuentes Serif podrían definirse como fuentes que tienen una pequeña línea al final de cada carácter. Las fuentes serif más populares son Times New Roman y Georgia.
Las fuentes sans serif son aquellas que no tienen una línea decorativa al final de cada símbolo. Los tipos de letra sin gracias más populares son Arial, Trebuchet MS y Helvetica.
Durante la investigación, he encontrado varias fuentes que afirmaban que las fuentes serif son las más adecuadas para los correos electrónicos, pero estoy totalmente en desacuerdo. Partiendo de la base de que los correos electrónicos se observan únicamente en línea utilizando las pantallas de los ordenadores de sobremesa o de los móviles, lo mejor son las fuentes sans serif. Es más fácil leer los caracteres sans-serif en la pantalla.
Fuentes seguras para el correo electrónico
Aquí está la lista de las 10 mejores fuentes que puedes utilizar con una garantía del 100% de que se renderizarán en las bandejas de entrada de los usuarios tal y como lo habías planeado:
1. Arial
Diseñada en 1982, viene incluida en todas las versiones de Microsoft, a partir de Windows 3, y de Apple Mac OS X. Se muestra en todos los clientes de correo electrónico. Debido a los cortes diagonales de los terminales, tiene un aspecto menos mecánico en comparación con otras fuentes de la familia sans-serif.
2. Helvetica
Un tipo de letra sans-serif, uno de los más utilizados, tiene letras redondeadas y mayúsculas anchas. Se diseñó en 1957
3. Times New Roman
Tiene letras minúsculas altas, ligeramente condensadas, descendentes y ascendentes cortas. Encargada por "The Times" en 193.
4. Verdana
Fue diseñada para ser legible en pantallas de baja resolución, su principal característica son los caracteres altos y anchos en minúscula.
5. Courier / Courier New
Fue diseñada en 1955, similar a Times New Roman, pero ajustada para ser una fuente monoespaciada. Courier New tiene puntos y comas más pesados que la Courier original. Courier es el tipo de letra estándar utilizado para la escritura de guiones en la industria cinematográfica.
6. Tahoma
Es similar a Verdana, pero tiene letras más estrechas, contadores pequeños y un espaciado entre letras más estrecho. Se utiliza como fuente de pantalla por defecto en las versiones de Windows 95, 2000 y XP
7. Georgia
Tiene minúsculas altas, los trazos son más gruesos que los de la media, sus numerales se funden perfectamente con el texto debido a su tamaño similar.
8. Palatino
Se diseñó originalmente para los encabezamientos, los anuncios y la impresión. Es más ancha que otras fuentes con gracias de estilo antiguo.
9. Trebuchet MS
Tiene colas acortadas para algunas letras, en negrita sus letras son puntiagudas en lugar de redondeadas, y puntos redondeados en minúsculas. Salió al mercado en 1996.
10. Geneva
Una versión rediseñada de la Helvética, su principal distinción es que tiene un conjunto básico de ligaduras.
Se dice que estas fuentes son las más legibles para el correo electrónico.
Fuentes personalizadas en los correos electrónicos
Hay casos en los que quiere o necesita utilizar un tipo de letra personalizado para sus correos electrónicos, ya sea para mantener la coherencia de la marca o para que sus correos tengan un aspecto más festivo para una ocasión especial.
Queremos recordarte que puedes subir fuentes personalizadas a su cuenta de Stripo y utilizarlas en tus campañas de correo electrónico.
Le recomendamos encarecidamente que hagas una vista previa de estos correos electrónicos en varios entornos. Puede hacerlo con nuestra herramienta de pruebas integrada.
Es importante tener en cuenta:
Si un cliente de correo electrónico no es compatible con un determinado tipo de letra, éste será sustituido por uno por defecto.
Aquí está la lista de fuentes predeterminadas para los clientes de correo electrónico más populares:
-
iCloud Mail utiliza Helvética como fuente predeterminada;
-
Gmail adopta Arial;
-
Microsoft Outlook de las versiones más antiguas suele utilizar Calibri;
-
Outlook 2007/2010/2013 tiene una Times New Roman como fuente de reserva.
Tamaño de la fuente del correo electrónico
No existe el mejor tamaño de fuente para el correo electrónico, ya que muy a menudo las diferentes fuentes tienen diferentes alturas de los símbolos. Como resultado, la misma, digamos, fuente de 16px será diferente debido a la familia de fuentes elegida.
He hecho una plantilla de correo electrónico con Stripo que permite comparar diferentes fuentes del mismo tamaño. Por favor, vea los resultados:
Elige la que más te guste y utilízala en todos los emails para que tus boletines sean siempre legibles y la marca sea consistente.
Le recomendamos que establezca las fuentes y los tamaños de las mismas sólo cuando empiece a diseñar su plantilla de correo electrónico: los ajustes se aplicarán a todo el correo. Esto le ahorrará una gran cantidad de tiempo ya que le evitará la necesidad de configurar las fuentes para cada parte de sus correos electrónicos.
¿Sabía que Stripo permite establecer diferentes tamaños de fuente para dispositivos móviles y de escritorio? Por ejemplo, utiliza 14px para los correos electrónicos abiertos en los ordenadores de sobremesa, y 16 píxeles para los correos electrónicos abiertos en los dispositivos móviles.
Configuración del tamaño de la fuente para los ordenadores de sobremesa
-
entra en la pestaña Apariencia;
-
ir a la sección Configuración general;
-
elegir una fuente necesaria en el menú desplegable. Las fuentes personalizadas, que haya añadido previamente a tu perfil de Stripo, también aparecerán en esta lista;
-
establece el espacio entre líneas;
-
en la sección Stripes, establece un tamaño de fuente diferente para cada parte de tu correo electrónico (excluyendo los banners), y el color de la fuente;
-
en la sección de Encabezados, tienes que elegir una fuente una vez más - puede ser una nueva. Aquí también se establece el tamaño de la fuente para los encabezados 1, 2 y 3;
-
en la sección de Botones, establece el color de la fuente del botón y su tamaño.
Ajuste del tamaño de la fuente para móviles
-
entre en la pestaña Apariencia;
-
vaya a la sección Formato para móviles;
-
establezca el tamaño de la fuente para los encabezados, pies de página, áreas de contenido, pestañas de menú y botones.
Interlineado de los correos electrónicos
El interlineado es la distancia vertical entre líneas. Se mide como el porcentaje del tamaño de la fuente.
Puedes establecer el espaciado deseado para tus correos electrónicos justo en las pestañas y secciones donde acabas de establecer el tamaño de la fuente.
Algunas fuentes afirman que el 150% es el mejor tamaño de interlineado.
Pero según las directrices de accesibilidad del correo electrónico, varía entre el 150% y el 200%.
(copia de correo electrónico con interlineado sencillo)
(copia del correo electrónico con un interlineado de 1,6 líneas)
Enlaces en los correos electrónicos
No utilice un tipo de letra diferente para llamar la atención de los lectores sobre los enlaces. No ponga nunca enlaces sin texto. El texto debe explicar a dónde lleva ese enlace y formar parte orgánica del texto. No utilice las palabras "aquí" o "enlace" como texto. Son demasiado cortas y demasiado generales para que valga la pena hacer clic en ellas.
Una de las mejores prácticas aquí es hacer enlaces del mismo color que el logotipo. Queda muy bien, compruébalo:
(Fuente: Correo electrónico de la Fundación para la Epilepsia)
También puede subrayar los enlaces de sus correos electrónicos si lo considera necesario o si se ajusta al diseño de su correo electrónico.
Sin embargo, le recomendamos encarecidamente que no subraye nunca los enlaces en aras de la accesibilidad del correo electrónico, ya que distrae a los disléxicos.
Tipos de letra para los botones de los correos electrónicos
Los botones son los mismos enlaces pero tienen una forma más interactiva para los usuarios. Es mejor utilizar ambos en tu correo electrónico. Si proporciona un enlace que llevará a los lectores a una entrada del blog, puede hacer que sea un enlace de texto, pero si proporciona un enlace para probar el producto que tienes, utilice simplemente botones.
No hay una regla determinada sobre el color que se debe utilizar para los botones, pero es mejor basarse en la psicología del color e intentar no arruinar el concepto de diseño con una reproducción del color demasiado fuerte.
Lo mismo se aplica a las fuentes para los botones: No hay reglas determinadas. Sólo hay que asegurarse de que los textos de los botones sean lo suficientemente legibles.
El color del texto debe coincidir con el color del botón y asegurarse de que es lo suficientemente visible para la lectura. Compruebe también si el texto está situado correctamente dentro del botón, no debería cruzar los bordes del botón.
Aquí hay un ejemplo en el que el botón se ve bien:
(Fuente: plantilla de correo electrónico de Stripo)
Es importante tener en cuenta:
Puede añadir un espaciado blanco en los botones con Stripo para que haya algo de espacio entre el texto y los bordes del botón. Esto los hace más legibles.
¿Cómo lo hace? Trabaj en el "relleno interno" en la pestaña de botones.
También puede establecer un tamaño de fuente diferente para los botones de correo electrónico para la vista móvil.
Para ello, debe:
-
ir a la pestaña Apariencia;
-
ir a la pestaña Formato móvil;
-
establecer el tamaño del texto del botón - para que el texto de su botón sea legible en los dispositivos móviles. 16px o más es el mejor tamaño aquí;
-
Activar el botón "Botones de ancho completo" para que los botones sean más anchos en los dispositivos móviles. Las posibilidades de que los clientes noten los botones de ancho completo son muy altas.
Texto sobre banners
Aquí tiene la oportunidad de utilizar fuentes festivas o decorativas que no debería utilizar como fuente de texto principal. Dado que el texto sobre un banner forma parte de una imagen, seguirá siendo el mismo en todos los clientes de correo electrónico. Y se espera que sea lo suficientemente festivo. Así que puede elegir cualquiera.
Tenga en cuenta que es mejor elegir un tipo de letra legible. Y que no hay que escribir demasiado texto en un banner. Que sea breve.
La elección de una u otra depende de su inspiración y del diseño de su correo electrónico.
Utilizar fuentes decorativas sobre los banners de correo electrónico con Stripo
-
cuando su imagen de banner está cargada y editada, haga clic en el icono "Texto" encima de la plantilla para empezar a trabajar en la copia del botón;
-
introduzca su copia en la sección "Caption" de sus banners;
-
luego resalta el texto de tu banner y elija una fuente de banner deseada de la lista desplegable.
Color de la fuente del correo electrónico
Sólo hay 2 reglas que debe seguir aquí:
1. Mantener el número de colores al mínimo
Sólo debe utilizar los colores que están presentes en su identidad de marca. Si tiene la idea de utilizar más de 3 colores en su correo electrónico, deje de lado esta idea porque hará que el texto sea ilegible y su correo electrónico sea desordenado.
Si quiere resaltar una frase o una oración, utilice simplemente una fuente en negrita, usar un color diferente es ambiguo.
Ejemplo de una buena combinación de colores en los correos electrónicos.
(Source: Email from Victoria's Secret)
2. Utilice colores de contraste
Si tiene intención de utilizar colores brillantes - muchos de nosotros lo hacemos cuando se trata de las vacaciones - asegúrese de utilizar colores de contraste. No coloque texto rojo sobre botones verdes, ni utilices el blanco sobre el gris. Puede parecer bastante festivo para las personas que tienen buena vista. Sin embargo, los daltónicos pueden no encontrar nuestro texto legible.
Normalmente, para el contenido del correo electrónico, los diseñadores utilizan colores negros o grises oscuros. Es mejor para la legibilidad. La única excepción es cuando tienes un fondo negro. En este caso, utilice una fuente blanca. No utilice un tipo de letra gris claro sobre un fondo blanco porque dificulta la lectura de sus correos electrónicos.
Etiquetas HTML para formatear el texto
Los vendedores de correo electrónico que prefieren los constructores de correo electrónico pueden formatear los textos directamente en el constructor.
Aquellos que prefieren codificar los correos electrónicos desde cero podrían necesitar lo siguiente:
-
para poner el texto en negrita:
<strong> text here </strong> or <b> text here </b>
-
para las listas de viñetas:
<ul>
<li> point 1 </li>
<li> point 2 </li>
<li> point 3 </li>
</ul>
-
para hacer su texto en cursiva:
<i> text here </i> or <em> text here <em>
-
para usar la misma fuente de menor tamaño:
<small> text here </small>
-
para resaltar el texto con relleno amarillo para usar la misma fuente de menor tamaño(por defecto):
<mark> text here </mark>
-
y éste le permite definir un párrafo:
<p> text here </p>
Textos de derecha a izquierda en los correos electrónicos
Más de 550 millones de personas hablan los idiomas que utilizan la inscripción de derecha a izquierda. El texto RTL es mucho más que invertir las palabras.
Por ejemplo, no se deben invertir los números, las palabras extranjeras, etc. Todos los signos de puntuación que normalmente se pondrían al final de la línea, en realidad la empezarán. No vamos a entrar en detalles aquí. Pero puede familiarizarse con todas las pautas del texto RTL en nuestra entrada del blog "Texto de derecha a izquierda".
También mostramos allí cómo activar la opción RTL con Stripo, para que pueda utilizar scripts RTL en sus correos electrónicos sin conocimientos de codificación.
Pautas de accesibilidad del correo electrónico
En pocas palabras, debemos tener en cuenta estas pautas por varias razones:
-
para que los daltónicos puedan leer nuestros correos electrónicos;
-
para permitir que las personas con discapacidades visuales puedan escuchar nuestros correos electrónicos con lectores de pantalla;
-
para permitir que nuestros usuarios que están extremadamente ocupados y revisan sus correos electrónicos mientras conducen o cocinan y le piden a Siri que "lea" sus mensajes entrantes, puedan escuchar nuestros correos electrónicos;
-
para que los disléxicos puedan leer nuestros correos electrónicos, ya que muchas de las personas que padecen dislexia no son conscientes de ello, pero la lectura de textos no adaptados les resulta bastante insoportable.
Así pues, las pautas para hacer accesible el texto de tu correo electrónico:
-
Tenga en cuenta el contraste de colores.
-
Haga que sus textos estén alineados a la izquierda para facilitar la percepción del texto del correo electrónico por parte de los disléxicos; evite los textos alineados en el centro.
-
Añada siempre signos de puntuación al final de cada punto. Sí, puede ir en contra de las reglas gramaticales, pero haciendo esto hacemos que nuestros correos electrónicos sean más legibles y hacemos más feliz al menos a un destinatario.
-
Mantener un tamaño de letra de 14 píxeles o más.
-
No subrayar los textos.
-
Evite la cursiva. ¡Si necesita resaltar alguna parte del texto, utilice sólo negrita!
-
¡No utilice mayúsculas!
Para más información, consulte nuestra entrada del blog "Accesibilidad del correo electrónico".
¿Cuál es el mejor tipo de letra para los boletines electrónicos?
No existe el mejor tipo de letra para Gmail, ni el mejor tipo de letra para Outlook, ni para ningún otro cliente de correo electrónico. Sí que depende del idioma en el que se hable. Por ello, nos atrevemos a decir que las preferencias varían de un país a otro debido a las características del idioma.
Debido a muchos experimentos realizados por el equipo de marketing de eSputnik, las mejores fuentes para los correos electrónicos de los países de habla rusa son Arial y Tahoma. Arial es el tipo de letra que más convence a los que preparan campañas de marketing por correo electrónico en ruso. Tahoma queda muy bien tanto en los correos electrónicos con mucho contenido como en los textos pequeños.
Helvetica es el tipo de letra más popular entre los países de habla inglesa. Arial ocupa el segundo lugar.
Para elegir la más legible en tu opinión, según las características de tu alfabeto, puedes probar todas las fuentes seguras para el correo electrónico, como hicimos nosotros. También puedes pedir a tus amigos y colegas que te ayuden con esta prueba.
He creado una plantilla de correo electrónico con el editor Stripo con el mismo texto y el mismo tamaño de 18px para cada fuente.
Así que, aquí están los resultados, sólo tienes que comparar estas fuentes y elegir la que más se ajuste a tus necesidades:
Reflexiones finales
Teniendo en cuenta todo lo anterior, podemos decir que no hay fuentes de correo electrónico de aspecto profesional que sean legibles y se vean bien en todo tipo de dispositivos. Siempre hay que elegir:
-
Georgia y Times New Roman son demasiado estrechas;
-
Courier New es ancha, pero quizá demasiado para el correo electrónico;
-
Arial es más clara que Helvetica;
-
es imposible distinguir las fuentes Verdana y Tahoma.
Además de elegir el tipo de letra adecuado para el correo electrónico, debemos hacer que nuestros correos electrónicos sean accesibles ciñéndonos a las pautas mencionadas anteriormente.
Was this article helpful ?
Tell us your thoughts
Thanks for your feedback!
32 comentarios