best-fonts-for-email-usage-tips-and-tricks
05 febrero

Las mejores fuentes para Correos electrónicos: Trucos y consejos de uso

Crea correos electrónicos profesionales
Tabla de contenido
  1. Fuentes HTML para correos electrónicos: Reglas generales a seguir
  2. Fuentes seguras para el correo electrónico
  3. ¿Cuál es la mejor fuente para los boletines de correo electrónico?
  4. Uso de fuentes personalizadas en los correos electrónicos
  5. Prácticas de diseño de fuentes de correo electrónico
  6. Interlineado para fuentes de correo electrónico
  7. Fuentes de correo electrónico de texto sobre pancartas
  8. Color de la fuente de correo electrónico
  9. Directrices de accesibilidad para las fuentes y el texto de los correos electrónicos
  10. Conclusión
1.
Fuentes HTML para correos electrónicos: Reglas generales a seguir

Una de las preocupaciones más llamativas en el proceso de diseño de un correo electrónico es elegir la fuente correcta. Peso, altura, anchura, color, forma, espaciado... ¿Importa todo? Sí, lo es, pero también una de las cosas más cruciales es elegir una tipografía legible.

En este post, le mostraremos cómo elegir la mejor fuente profesional para el correo electrónico.

Fuentes HTML para correos electrónicos: Reglas generales a seguir

Hay tres reglas básicas que debes tener en cuenta a la hora de elegir las mejores fuentes para correo electrónico:

1. No utilice más de dos fuentes de correo electrónico a la vez

Esta es una práctica bastante común no sólo en el diseño de correos electrónicos, sino también en el de páginas web, etcétera. Si utiliza demasiadas fuentes, su correo electrónico parecerá muy complicado en el mejor de los casos y molesto en el peor. Lo mejor es elegir sólo una o dos fuentes para un correo electrónico. En el mejor de los casos, basta con utilizar una sola tipografía perfecta pero de diferentes tamaños: una para resaltar el encabezamiento y otra para el resto del contenido.

2. Utilizar con cuidado las fuentes

Por muy tentador que resulte utilizar estilos de fuente en cada ocasión, hay que ser prudente. Cada estilo debe utilizarse con moderación y en sus propios casos especiales, por ejemplo:

  • el estilo negrita es el mejor para resaltar frases o palabras clave importantes;
  • el estilo itálico se utiliza para resaltar citas, palabras extranjeras, títulos (libros, blogs, publicaciones, etc.);
  • el subrayado se utiliza principalmente para los enlaces, ya que en el espacio en línea es difícil distinguir un enlace de un texto subrayado normal, lo que puede causar confusión.

Sin embargo, el uso de la cursiva para resaltar párrafos enteros de texto no sólo tendrá un aspecto poco presentable, sino que también violará las directrices de accesibilidad. Lo mismo ocurre con el subrayado. Por lo tanto, le recomendamos encarecidamente que no subraye su texto, sino que lo ponga en negrita por razones de accesibilidad al correo electrónico. Pero, por supuesto, depende de usted.

3. Cumpla los requisitos de accesibilidad al elegir fuentes

La accesibilidad del correo electrónico es una de las grandes tendencias de diseño de 2024, y las fuentes forman parte de ella. La accesibilidad tiene sus propios requisitos que es vital cumplir. Hablaremos de las reglas y requisitos de accesibilidad de las fuentes en una sección aparte, "Pautas de accesibilidad para fuentes de correo electrónico"

4. Preste mucha atención a la legibilidad de la fuente de correo electrónico elegida

La legibilidad es la capacidad de distinguir una letra de otra. Por supuesto, un cuerpo de texto legible es mejor y más rápido de leer.

¿Cuál es la tipografía 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 pasa casi el doble de tiempo leyendo fuentes en cursiva y fuentes decorativas en comparación con las normales.

Las mejores fuentes para correo electrónico _ Prueba

Existen dos tipos principales: Fuente Serif y Sans Serif. Veamos qué fuente utilizar para los boletines de correo electrónico.

¿Qué fuente de correo electrónico elegir: una Serif o una Sans Serif?

¿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 no tienen una línea decorativa al final de cada símbolo. Las fuentes sin gracias más populares son Arial, Trebuchet MS y Helvetica.

Comparación de fuentes Serif

Durante la investigación, encontré varias fuentes que afirmaban que las fuentes serif son las más adecuadas para los correos electrónicos, pero estoy totalmente en desacuerdo. Partiendo del supuesto de que los correos electrónicos solo se observan en línea mediante pantallas de escritorio o móviles, las mejores son las fuentes sans serif. Es más fácil leer caracteres sans-serif en la pantalla.

Fuentes seguras para el correo electrónico

Aquí está la lista de las 10 fuentes principales que puede usar con una garantía del 100% de que se renderizarán en las bandejas de entrada de los usuarios tal y como usted planeó:

1. Fuente Arial para correo electrónico

Esta fuente, diseñada en 1982, es compatible con todas las versiones de Microsoft, desde Windows 3 y Apple Mac OS X. Aparece en todos los clientes de correo electrónico. Debido a los cortes diagonales terminales, parece menos mecánica en comparación con otras Sans Serifs.

Fuente Arial para correos electrónicos

2. Fuente Helvetica para correo electrónico

Un tipo de letra Sans Serif, una de las fuentes tipográficas más utilizadas, tiene letras redondeadas y mayúsculas anchas. Se diseñó en 1957.

Fuente Helvetica para correos electrónicos

3. Fuente Times New Roman para correo electrónico

Esta fuente perfecta tiene letras minúsculas altas, ligeramente condensadas, con ascendentes y descendentes cortos. Encargada por "The Times" en 1931. Es una de las fuentes favoritas de las familias tipográficas Sans Serif de muchos internautas y diseñadores web.

 Fuente Times New Roman para correos electrónicos

4. Fuente Verdana para correo electrónico

Se diseñó para ser legible en pantallas de baja resolución. Su principal característica son los caracteres altos y anchos en minúsculas.

Fuente Verdana para correos electrónicos

5. Courier/Courier Nueva fuente para correo electrónico

Courier se diseñó en 1955 y se adaptó para ser una fuente monoespaciada. Courier New tiene puntos y comas más gruesos que la Courier original. Courier es la fuente moderna estándar utilizada para escribir guiones en la industria cinematográfica.

Courier y Courier New Font para correos electrónicos

6. Fuente Tahoma para correo electrónico

Es similar a Verdana, pero tiene letras más estrechas, contadores pequeños y un espaciado entre letras reducido. Se utiliza como fuente de pantalla por defecto en las versiones de Windows 95, 2000 y XP.

Fuente Tahoma para correos electrónicos

7. Fuente Georgia para correo electrónico

Tiene minúsculas altas y más gruesas que las normales, y sus cifras se funden perfectamente con el texto debido a su tamaño similar.

Fuente Georgia para correos electrónicos

8. Fuente Palatino para correo electrónico

Esta fuente perfecta se diseñó originalmente para encabezamientos, anuncios e impresión. Es más ancha que otras fuentes con gracias de estilo antiguo y se adapta perfectamente al diseño de logotipos.

Fuente Palatino para correos electrónicos

9. Fuente Trebuchet MS para correo electrónico

Tiene colas acortadas para algunas letras; en negrita, sus letras son puntiagudas en lugar de redondeadas, y puntos redondeados en mayúsculas y minúsculas. Salió al mercado en 1996.

Fuente Trebuchet MS para correos electrónicos

10. Fuente Geneva para correo electrónico Geneva

Se trata de una versión rediseñada de Helvetica. Su principal distinción es que tiene un conjunto básico de ligaduras.

Fuente de Geneva para correos electrónicos

Se dice que estas fuentes aptas para el correo electrónico son las más legibles y una de las mejores para el diseño de correos electrónicos.

¿Dónde conseguir fuentes seguras para el correo electrónico?

Lo mejor de las fuentes seguras para el electrónico es que no tiene que preocuparse de descargarlas. Son compatibles con todos los clientes de correo electrónico de los suscriptores.

¿Cuál es la mejor fuente para los boletines de correo electrónico?

No existe la mejor fuente. Depende del idioma. Por ello, nos atrevemos a decir que las preferencias varían de un país a otro debido a las características del idioma.

Helvetica es una de las fuentes más utilizadas por el 25% de las personas con fines de diseño. Times New Roman ocupa el segundo lugar. 

Otro ejemplo es la lengua alemana. Verdana no se recomienda para textos en alemán porque las comillas finales se muestran al revés. Esto sólo se ha solucionado en la fuente Verdana Pro.

Para elegir la fuente Sans Serif más legible, en su opinión, según las características de su alfabeto, puedes probar todas las fuentes Sans Serif como hemos hecho nosotros.

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 Sans Serif.

Elección de fuentes de correo electrónico de la lista para sus futuras campañas

Uso de fuentes personalizadas en los correos electrónicos

Hay casos en los que quiere o necesita utilizar una fuente personalizada para sus correos electrónicos, ya sea para mantener la coherencia con la marca o para que sus correos electrónicos tengan un aspecto más festivo para una ocasión especial.

Queremos recordarle que puede cargar tipos de letra personalizados en su Stripo para obtener justo lo que necesita en términos de tipos de letra únicos para sus campañas de correo electrónico.

Cómo agregar y usar fuentes personalizadas con Stripo

Dado que algunas fuentes personalizadas, dependiendo del cliente de correo electrónico, pueden mostrarse tal cual o ser sustituidas por la predeterminada, le recomendamos encarecidamente que pre visualice estos correos electrónicos en varios entornos. Puedes hacerlo con nuestra herramienta de pruebas incrustada. ¿Por qué es necesario hacer esto exactamente? 

Estos son los tipos de letra predeterminados para los clientes de correo electrónico:

  • iCloud Mail utiliza Helvetica como fuente predeterminada;
  • Gmail adopta la fuente Arial;
  • Microsoft Outlook de las versiones más antiguas suele utilizar la fuente Calibri;

Prácticas de diseño de fuentes de correo electrónico

Hablemos de las diferentes prácticas de diseño de fuentes de correo electrónico que debe tener en cuenta a la hora de elegir fuentes para sus correos electrónicos.

El tamaño de las fuentes de correo electrónico importa

A menudo, diferentes fuentes tienen diferentes alturas de símbolo. Como resultado, la misma fuente, digamos de 16px, será diferente debido a la familia de fuentes elegida.

Correo electrónico con fuentes seguras _ Trabajando en el tamaño de la fuente por correo electrónico

Interlineado para fuentes de correo electrónico

El interlineado es la distancia vertical entre líneas. Se mide como porcentaje del tamaño de la letra. 

Puede establecer el interlineado deseado para sus correos electrónicos justo en las pestañas y secciones en las que acaba de configurar los tamaños.

Según las directrices de accesibilidad del correo electrónico, el mejor interlineado oscila entre el 150% y el 200%.

Espaciado de 1 punto

(Copia de correo electrónico con interlineado sencillo)

Intervalo de 1 y 6 puntos

(Copia de correo electrónico con interlineado del 150%)

Fuentes de correo electrónico de texto sobre pancartas

Aquí tiene la oportunidad de utilizar una fuente festiva, decorativa o manuscrita que en realidad no debería utilizar como fuente de texto principal.

Como el texto sobre una pancarta forma parte de una imagen, se mostrará igual 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 estilo de fuente legible. 

Las mejores fuentes de correo electrónico _ Trabajando en pancartas

Nuestro increíble equipo de soporte ha creado una guía completa sobre cómo añadir texto sobre pancartas con instrucciones paso a paso. Échale un vistazo.

Color de la fuente de correo electrónico

Sólo hay 2 reglas que debes seguir aquí:

1. Mantenga al mínimo el número de colores de fuentes de correo electrónico

Le recomendamos que utilice los colores de fuente presentes en sus directrices de marca. Si desea resaltar una frase, una oración o un enlace, utilice simplemente un estilo de fuente en negrita. En la mayoría de los casos, utilizar muchos colores resulta ambiguo. Pero tenga en cuenta que este consejo es nuestra opinión subjetiva.

Ejemplo de una buena combinación de colores en un correo electrónico.

Colores de fuente en correos electrónicos

(Fuente: Correo electrónico de Victoria's Secret)

2. Utilice colores contrastados para las fuentes de los correos electrónicos

Si tiene intención de utilizar colores diferentes, utilice colores que contrasten para que su texto sea legible para las personas daltónicas. Asegúrate de comprobar si contrastan lo suficiente con las siguientes herramientas:

  • colores accesibles para comprobar el contraste de color del cuerpo del correo electrónico (copia y otros elementos, excluyendo imágenes);
  • Coblis, simulador de daltonismo - comprueba si sus imágenes son accesibles para daltónicos.

Hablando de accesibilidad del correo electrónico …

Directrices de accesibilidad para las fuentes y el texto de los correos electrónicos

En pocas palabras, debemos tener en cuenta estas directrices por varias razones:

  • para permitir a las personas daltónicas leer nuestros correos electrónicos e implementar los colores necesarios a su proyecto de diseño de correo electrónico;
  • para que las personas con deficiencias visuales puedan escuchar nuestros correos electrónicos con lectores de pantalla;
  • para permitir a 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, 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 leer textos no adaptados les resulta bastante insoportable;
  • mantener el diseño del correo electrónico en un máximo de dos fuentes Sans-Serif.

Así pues, las pautas para que el texto de su correo electrónico sea accesible:

  1. Ten en cuenta el contraste de colores.
  2. Alinee los textos a la izquierda para que los disléxicos perciban mejor el texto del correo electrónico; evite los textos alineados al centro.
  3. Añada siempre signos de puntuación al final de cada viñeta. Sí, puede ir en contra de las reglas gramaticales, pero haciendo esto, hacemos nuestros correos electrónicos más legibles y hacemos al menos a un destinatario más feliz.
  4. Mantenga el tamaño de la fuente a 14 píxeles o más.
  5. No subrayar los textos.
  6. Evite la cursiva. ¡Si necesita resaltar alguna parte del texto, utilice sólo negrita!
  7. ¡No utilice mayúsculas!
  8. Considere fuentes legibles para sus correos electrónicos.
  9. No utilice varias fuentes. Una o dos serán suficientes.
  10. Combine distintas fuentes con trazos gruesos y finos.

También te puede gustar

email-accessibility-guidelines-standards-best-practicesPautas de accesibilidad del correo electrónico: Estándares y mejores prácticas

Conclusión

Teniendo en cuenta todo lo anterior, podemos decir que no existen fuentes profesionales que sean legibles y tengan un aspecto agradable en todo tipo de dispositivos. Siempre hay que elegir entre fuentes Sans-Serif.

Además de elegir la fuente de correo electrónico adecuada, tenemos que hacer que nuestros correos electrónicos sean accesibles siguiendo las pautas mencionadas anteriormente.

Stripo ofrece una serie de fuentes decorativas y seguras para el correo electrónico. También puede cargar fuentes personalizadas
¿Le resultó útil este artículo?
Tell us your thoughts
¡Gracias por sus comentarios!
33 comentarios
Sanjay Wishtree hace 1 año
This is a very informative article. Thanks for sharing these helpful articles. Web Tecky
Alex O'Cardy hace 1 año
Legibility is indeed really important when it comes to email fonts, I've seen some newsletters where you had to take some time to figure out what's written there.
Anton Diduh hace 1 año
Hi! We fully agree with you. Readability is a critical aspect of any email design and a vital ingredient for improving the accessibility of email newsletters.
Woland Petrov hace 1 año
I can't choose between Helvetica and Arial, and now that I've learned that they're both the most popular email fonts, it makes it even harder to decide
Anton Diduh hace 1 año
Hi! Yes, the design process is a bit tricky thing. We hope you made the right choice)
Andron Silver hace 1 año
Do you think it's a good idea to use the most popular email fonts? Futura and Helvetica are the most attractive to me, but choosing one is hard.
Anton Diduh hace 1 año
Hello) Using popular fonts is a great way to make your email beautiful without mistakes. However, nothing prevents you from standing out from the crowd and using less popular fonts. If in your design they will look chic, then why not?)
John Smith hace 1 año
I'm so glad I discovered this article! Fonts for Email are hard to choose, and before reading your post, I thought about using four fonts in one newsletter.
Anton Diduh hace 1 año
Hello! We are glad that you liked this blog post.)
Errico Malatesta hace 1 año
So italic fonts are not the best? I thought about using them in my newsletters, but now I understand that it's better to choose the regular email fonts.
Galileo Cardinale hace 1 año
I've never thought that choosing the email fonts would be so hard. I was planning to use italic font styles, but now I know it's not a good idea.
Scott Piligrimm hace 1 año
I'm planning to use Helvetica Now, it's indeed pretty modern. Fonts for Email are quite hard to choose, and I can tell you I even thought about making custom one.
Woland Petrov hace 1 año
It's actually convenient that you can set the different email fonts sizes for mobile and desktop devices, don't remember if it was possible with my previous email template builder.
John Morrow hace 1 año
I didn't even know that underlining links was not preferable, noted. I'll definitely use these tips for the email fonts, thanks!
Anton Diduh hace 1 año
Hi! We're glad we could help)
Bill Shiphr hace 1 año
Thanks for the post and the ability to copy HTML tags, that's actually convenient! I'll definitely use these email fonts in my next project.
Anton Diduh hace 1 año
Hi! Always happy to help.)
Paulo Marreiros hace 3 años
Excelente o artigo dessa página. De muito gosto! Todos as minhas dúvidas e ac e acredito que também de outras pessoas, foram esclarecidas. PauloMar/São Paulo, Brazil.
Hanna Kuznietsova hace 3 años
Paulo, Obrigado por uma revisão tão agradável. Estamos muito felizes que o artigo tenha sido útil. Desejamos sinceramente o melhor em suas campanhas
pirates hace 3 años
nice blog theme you use in your blog can you share which theme you are using
Hanna Kuznietsova hace 3 años
Hello, Pirates. Thank you for your question. If you are talking about the font we are using, it is Montserrat, 16px. If it's not what you asked us about, then could you clarify please what theme exactly you mean? Thank you
Igor Greshner hace 4 años
Parabéns pela excelente pesquisa! Esclareceu bastante minhas dúvidas, sou a favor da Verdana e Tahoma a anos, por ser um formato mais agradável para ler.
Hanna Kuznietsova hace 4 años
Igor, Muito obrigado )) Estamos muito satisfeitos que nosso artigo seja útil. Desejo-lhe sucesso em email marketing
Khairom Munawwar Baharom hace 4 años
Hi Hannah. Do Montserrat font can go multi-platform on email? (Gmail, Outlook, etc..)
Hanna Kuznietsova hace 4 años
Khairom, Thank you for your question. Unfortunately, it is not a websafe font. I just uploaded Montserrat to my account, sent an email to some email addresses. Only Apple Mail and Apple iPhone Mail (Native Mail on iOS) did not replace Montserrat with a default font. Others did replace it with the default fonts. Tests with Email on Acid just confirmed that Montserrat gets to be replaced by Gmail and Outlook.
Martin Schenk hace 4 años
Für deutsche Texte ist Verdana und Tahoma nicht empfehlenswert, da die abschließenden Anführungszeichen "verkehrt" dargestellt werden.
Hanna Kuznietsova hace 4 años
Vielen Dank für Ihren wertvollen Kommentar. Wir haben die notwendigen Änderungen an unserem Artikel vorgenommen. Viel glück
rohit dubey hace 5 años
Thanks for sharing this amazing content. This is really helpful for us.
Hanna Kuznietsova hace 5 años
Rohit Dubey, We're glad to hear you find this helpful. You might be interested to know that you can upload custom fonts to your projects with Stripo. https://stripo.email/blog/add-use-custom-fonts-stripo/ Have a great day!
Marcia Bosscher hace 5 años
What font are you using for this post? I like it!
Hanna Kuznietsova hace 5 años
Marcia, Thank you. We are flattered to know. It's Montserrat, 16px. For your convenience, to detect fonts on other websites, you can use this tool http://whatfontapp.com/ Have a good day
Myron Gould hace 5 años
I found this article to be a very helpful refresher. Thank you!
Hanna Kuznietsova hace 5 años
Myron, We're glad you liked it. You may be also interested in reading Paul Airy's post to find out which of the web-safe fonts is best for email accessibility. http://createsend.com/t/d-ABFFF5F25EC93A19 Also, we're glad to say that you can upload custom fonts with Stripo. If you have any questions about custom, web-safe and accessible fonts, or if you have any questions regarding our tool, please feel free to contact us at any time. Thank you for your interest in our blog!
Escribe a
Industria
Temporadas
Integración
Editor Stripo
Simplifique el proceso de producción de correos electrónicos.
Plugin de Stripo
Integre el editor Stripo drag-n-drop a su aplicación web.
Pide una plantilla personalizada
Nuestro equipo puede diseñarlo y programarlo para usted. Simplemente rellene el formulario y nos pondremos en contacto con usted en breve.

Editor Stripo

For email marketing teams and solo email creators.

Plugin de Stripo

For products that could benefit from an integrated white-label email builder.