La mayoría de las empresas con seguidores fieles han adoptado todo lo que el marketing por correo electrónico tiene para ofrecer en este momento. Boletines de noticias por email, respuestas automáticas, y todo lo que quieras. El email marketing es una manera consistente de mantenerse al día con las necesidades de tus clientes mientras que simultáneamente promocionas todos los productos o servicios a la última que tienes en oferta.
El hecho de que puedas llegar a los clientes mucho después de que hayan dejado tu sitio web es muy poderoso. Sin embargo, cualquier correo electrónico antiguo no sirve. La forma en que presenta el contenido de tu correo electrónico es una parte esencial para captar la atención y alentar a los clientes a leer realmente tus correos electrónicos en lugar de borrarlos a golpe de vista.
El diseño juega un papel crucial aquí. Pero probablemente uno de los aspectos más importantes que hay que atender es la elección de las fuentes. Las fuentes seguras para el correo electrónico facilitan a los clientes la lectura de lo que tienes que decir, lo que significa que es más probable que consigas esa conversión.
Ese es el tema que discutiremos hoy aquí.
¿Qué Son las Fuentes Seguras Para el Correo Electrónico?
Es tentador usar fuentes elegantes para tus correos electrónicos. Después de todo, quieres causar una impresión positiva. Y quieres hacer que tu contenido destaque. Sin embargo, las fuentes especiales no siempre se muestran correctamente en todos los clientes de correo electrónico. De hecho, si una fuente no es compatible, un cliente de correo electrónico puede terminar usando una fuente alternativa que podría estropear el tono deseado en el mejor de los casos u oscurecer la legibilidad de tu contenido en el peor de los casos.
Por eso te recomendamos seriamente que te ciñas a fuentes seguras para el correo electrónico solo cuando creas contenido de marketing por correo electrónico. Nos adentraremos en los detalles en un momento. Pero primero, discutamos brevemente, cómo las buenas elecciones de fuentes pueden tener un gran impacto en tu tasa de conversión.
Cómo las Buenas Fuentes Impulsan las Conversiones
La mayoría de la gente pasa solo 11 segundos en un correo electrónico. Eso significa que sea cual sea el tipo de letra que elijas, debe ser legible y escaneable. Necesitan ofrecer esa conveniencia de «echar un ojo». A menudo, esto significa confiar en fuentes estándar con las que todo el mundo ya está familiarizado. ¿Suena aburrido? La alternativa es peor. De hecho, la gente tarda el doble de tiempo en leer fuentes de fantasía. Y si la gente solo dedica 11 segundos a un correo electrónico, es una gran pérdida de tiempo.
Sin embargo, no solo la fuente que eliges tiene un impacto en las conversiones. El tamaño de la fuente que elijas también importa. De hecho, según una investigación realizada por Click Laboratory, aumentar ligeramente el tamaño de una fuente puede tener un gran impacto en tu tasa de conversión.
La investigación consistió en aumentar un bloque de texto establecido en la fuente Arial de 10pt a 13pt. También se añadió más espacio entre las líneas de texto. La versión de 13 puntos de la fuente funcionó mucho mejor porque el contenido era ahora más fácil de ver y más legible.
Este pequeño cambio redujo la tasa de rebote en un 10%, ¡y aumentó la tasa de conversión en un enorme 133%! ¡Todo por aumentar el tamaño de la fuente en dos puntos!
También hay una psicología en tus elecciones de fuentes. Esto se aplica principalmente a los logotipos, pero vale la pena tener en cuenta esta información al seleccionar las fuentes de los correos electrónicos. Ciertos tipos de fuentes tienen ciertos «sentimientos» asociados a ellas. Según Crazy Egg, los cinco tipos de fuentes principales provocan diferentes emociones o asociaciones:
Fuentes Serif
Entre los ejemplos se incluyen Times New Roman, Baskerville y Georgia. Las fuentes serif exudan un sentido de respetabilidad, fiabilidad y tradición. Las marcas más antiguas (o las que quieren aparentar que llevan décadas en el mercado) hacen un sólido uso de este tipo de fuentes para infundir confianza. El logotipo de Tiffany & Co sirve como un ejemplo sólido.
Vogue, también:
Fuentes Sans Serif
Los ejemplos incluyen Helvética, Calibri y Franklin Gothic. Las fuentes sans serif emiten un aspecto moderno que es limpio, simple y directo. Estas fuentes dan la impresión de fiabilidad y estabilidad. Las fuentes sans serif tienen un aspecto muy corporativo. Netflix presenta una fuente sans serif:
Fuentes Modernas
Los ejemplos incluyen Futura y Century Gothic. Las fuentes modernas pueden parecer elegantes, chic o dar una sensación general de fuerza. El logo de Hulu es un ejemplo popular de uno que usa una fuente moderna:
Fuentes Script
Los ejemplos incluyen Edwardian Script y Bickham Script. Es probable que las fuentes de scripts no sean una elección inteligente para usar en tus correos electrónicos. Sin embargo, sí tienen un impacto cuando se usan en logotipos y eso podría funcionar para elementos gráficos. Coca-Cola es un ejemplo eterno de una fuente de script bien utilizada:
Fuentes Display
Los ejemplos incluyen a Cooper y Valencia. Las palabras y los sentimientos comúnmente asociados con las fuentes display incluyen un sentido de individualidad o singularidad, amabilidad o expresividad. En el caso de los logotipos (y posiblemente los encabezados), las fuentes display pueden tener un impacto real y destacar. Disney tiene uno de los logotipos más conocidos del mundo, y cuenta con una fuente display:
Con esta información en mente, podemos pasar a la selección de la mejor fuente para los emails.
Tipografía de Correo Electrónico: Cómo Elegir las Mejores Fuentes
Ya conoces los cinco tipos básicos de fuentes que están disponibles (aparte de los símbolos, supongo). Y sabes que los diferentes tipos de fuentes provocan diferentes emociones en tus clientes. Pero, ¿cómo se traduce el hecho de conocer el tipo de fuente que utiliza Coca-Cola en la elección de la fuente correcta para tus boletines de correo electrónico?
Vamos a sumergirnos en el tema.
Cualquier tipo de letra que elijas para los emails de tu empresa debes incluir las cuatro cualidades siguientes:
Cualidad #1: Legibilidad
Ya hemos mencionado esta cualidad, pero hay que repetirla porque es la más importante con diferencia. Si tu fuente no es legible, nadie podrá leer tus correos electrónicos. Y si no pueden ser leídos, ciertamente no puedes esperar conversiones, ¿verdad?
Cualidad #2: Claridad
Fuentes limpias y nítidas con líneas precisas son las que mejor funcionará en tu correo electrónico. Nada de florituras o garabatos. Y ciertamente nada con líneas super finas o ligeras. Los tamaños de fuente más grandes también funcionan mejor. Haz que tu fuente sea uno o dos puntos más grande de lo que normalmente lo harías, asegúrate de que la grosura de la fuente sea decente (pero no en negrita), y elige a un espaciado de 1,15 líneas.
Cualidad #3: Psicológicamente apropiado
Como se mencionó anteriormente, ciertos tipos de fuentes provocan sentimientos específicos asociados con ellos. Asegúrate de que la(s) fuente(s) que selecciones se ajuste(n) al estado de ánimo general que intentas transmitir con tu contenido, así como al propósito de tu contenido. Aparentar ser fiable o una figura de autoridad puede ser beneficioso, por ejemplo si estás tratando de vender algo.
Cualidad #4: Apropiado Para la Marca
Del mismo modo, cualquier tipo de letra que elijas debe tener sentido lógico para su uso en tu industria o nicho. Si tu empresa da una sensación anticuada, usar una fuente súper moderna o de estilo de visualización no sería adecuado. Del mismo modo, si diriges una empresa basada en la tecnología, algo rústico o formal probablemente tampoco sería lo más adecuado. Todo se reduce a lo que se siente bien.
Las 8 Mejores Fuentes Para el Correo Electrónico
Hemos definido las fuentes seguras para el correo electrónico. También hemos hablado de cómo puedes reducir tu selección de fuentes. Pero ahora es el momento de llegar a los detalles de qué fuentes son realmente seguras para el correo electrónico y cómo pensar fuera de la caja sin sacrificar la legibilidad o dañar tu tasa de conversión.
Las Fuentes Básicas de Correo Electrónico Seguras
Hay un conjunto básico de fuentes legibles (aunque aburridas) seguras para el correo electrónico que la mayoría de los clientes de correo electrónico pueden reconocer. Echemos un vistazo a cada una de ellas ahora.
Arial
Arial es un tipo de letra muy utilizado. Fue creada originalmente en 1982 por Patricia Saunders y Robin Nicholas de Monotype Imaging. Aunque originalmente fue diseñada para ser usada en una impresora láser de IBM, desde entonces se ha convertido en una de las favoritas para el contenido de la web.
Verdana
Verdana es un tipo de letra que fue diseñado con la pantalla en mente. Fue desarrollada por Matthew Carter y presenta caracteres anchos y grandes espacios entre cada letra para mejorar la legibilidad en la pantalla. Es otra opción básica soportada por la mayoría de los clientes de correo electrónico.
Helvetica
Y luego está Helvetica, una de las fuentes más populares que existen actualmente. Es legible, fácil de ver, y es soportada por la mayoría de los programas de procesamiento de palabras, clientes de correo electrónico y navegadores web.
Georgia
Georgia es otra fuente común que es soportado por los clientes de correo electrónico. Es intrínsecamente legible, presenta letras de gran espaciado y utiliza diseños de caracteres que hacen que cada letra sea distinta para evitar confusiones. También hay una buena variación entre los pesos regular y negrita que la hacen útil para añadir énfasis.
Tahoma
Tahoma es otra opción que es soportada por la mayoría de los clientes de correo electrónico. Es una de las familias de fuentes sans serif más populares en los sistemas operativos Windows. Fue creada pensando en la visualización en pantalla, con claridad y legibilidad alcanzables en tamaños de fuente aún más pequeños. Fue creada originalmente por Matthew Carter.
Lucida
O, podrías usar Lucida, otra familia de fuentes sans que prioriza las líneas limpias, un estilo claro y formas de letra distintas. El espaciado de las letras es más amplio que el estándar y cada carácter es un poco más alto también, añadiendo más elementos de legibilidad.
Trebuchet
Trebuchet es otra opción disponible que podrías usar fácilmente en tus diseños de correo electrónico. Fue creado por Vincent Connare en 1996 y es una fuente sans serif. Fue diseñada para la lectura de pantalla y presenta una mayor altura de línea, bordes redondeados y un mayor espaciado entre caracteres.
Times New Roman
Por último, está el Times New Roman, una fuente que no necesita mucha introducción. Tiene un aspecto tradicional y a menudo se utiliza como fuente predeterminada en los programas de procesamiento de textos. Es legible en la pantalla y en la impresión.
Tu cliente de correo electrónico puede tener acceso a otras fuentes, pero las anteriores son las más legibles y las más conocidas.
Fuentes de Correo Electrónico Personalizadas
Si las opciones de fuentes básicas no te atraen, tienes otras opciones Puedes usar fuentes HTML en su lugar para crear un aspecto más personalizado. Sin embargo, es importante tener en cuenta que no todos los servicios de marketing por correo electrónico pueden o van a mostrar las fuentes web correctamente.
Pero primero, hagamos una pausa para discutir cómo funcionan las fuentes web.
Cómo Funcionan las Fuentes Web
Las fuentes web, como su nombre sugiere, existen solo en la web. No están incluidas en sistemas operativos, dispositivos, aplicaciones o software. Existen online y pueden añadirse a tus proyectos mediante fragmentos de código, plugins y otros medios. En la mayoría de los casos, encontrarás fuentes web que se utilizan en los sitios web. Actualmente, varios clientes de correo electrónico admiten el uso de fuentes web, entre ellos:
- Android Mail
- Apple Mail
- iOS Mail
- Outlook 2000
- Outlook.com App
- Thunderbird
Sin embargo, las fuentes web no son compatibles con todos estos clientes de correo electrónico de la misma manera. Algunos solo requieren un enlace, mientras que otros requieren un fragmento de código que importe la fuente web. Más sobre eso en un momento. En primer lugar, es importante reconocer que aunque un cliente de correo electrónico no sea compatible con la fuente web de tu elección (o tu método de inclusión), tu contenido no tendrá necesariamente un aspecto terrible.
La mayoría de los clientes de correo electrónico incluyen una opción alternativa. Es decir, si la fuente web incluida en el correo electrónico no se carga correctamente, el cliente de correo electrónico utilizará una fuente alternativa en su lugar. Suele ser una de las opciones genéricas que hemos enumerado anteriormente, pero lo bueno es que a) el contenido seguirá siendo legible, b) el contenido no se verá tan mal porque las fuentes estándares se convirtieron en estándares con razón (son sencillas y fáciles de leer), y c) a menudo puedes seleccionar la fuente que deseas utilizar como alternativa.
Para que te hagas una idea de lo que queremos decirte, la fuente predeterminada de Gmail es Arial mientras que Apple Mail utiliza Helvetica. Outlook usa Calibri mientras que iOS usa San Francisco (una fuente que Apple creó específicamente para sus dispositivos y que se inspiró en gran medida en Helvetica Neue).
Si decides usar fuentes web, deberías probarlo en varias plataformas antes de lanzarlo.
Algunos servicios de marketing por correo electrónico ya incluyen soporte para fuentes web. Campaign Monitor, por ejemplo, incluye varias opciones de fuentes web en su constructor de correo electrónico de arrastrar y soltar, y las opciones de recuperación se configuran automáticamente para ti con un mínimo de complicaciones.
Si tu plataforma de marketing por correo electrónico no incluye soporte para fuentes web de forma nativa, es probable que puedas añadirlo mediante un código.
Hay varios fragmentos de código que puedes usar para incrustar fuentes web en correos electrónicos HTML.
<link>
Usar <link> para añadir fuentes web a tus emails es una elección popular. Cualquier fuente web que selecciones definirá la URL por ti. Por lo tanto, si tu mismo hospedas la fuente, cámbiala a la fuente URL en tu sitio. Si la fuente se aloja con el vendedor de fuentes web, utiliza el URL que ellos te proporcionen.
Colocarás el fragmento de código en la sección <head> del código de tu correo electrónico. Debería aparecer justo al principio. Este método es compatible con la mayoría de los clientes de correo electrónico y se carga con bastante rapidez. Sin embargo, podrías encontrarte con algunos problemas si el archivo de fuente web está en el lado más grande.
Por lo tanto, si obtienes tu fuente web de Google Fonts, verás lo siguiente después de seleccionar los estilos de tu fuente y de seleccionar el enlace como método de incrustación preferido:
@importar
Otra forma de añadir fuentes web a los correos electrónicos es usar @import. Esta es súper simple y funciona bien en la mayoría de los clientes de correo electrónico también. Los únicos problemas son con algunas versiones antiguas de Android.
Al igual que con el fragmento de código <link>, también insertarás @import en la sección <head> de tu correo electrónico. De nuevo, en Google Fonts, esto es lo que ves después de seleccionar una fuente, sus estilos, y hacer clic en la burbuja junto a @import:
Si utilizas un servicio de fuentes web diferente, es posible que no obtengas un código de incrustación como éste y, en su lugar, tendrás que escribir el fragmento de código tu mismo. Utiliza la URL que te proporciona tu servicio de fuentes web o, si decides alojar la fuente tú mismo, utiliza el enlace apropiado de tu servidor.
@font-face
Esta regla hace que puedas descargar una fuente de un servidor o alojarla para que pueda ser usada en un sitio web, o en este caso, en tus correos electrónicos. Funciona de manera similar a los dos métodos anteriores en que descarga las fuentes sobre la marcha para que puedan ser utilizadas por tu sitio web o tus mensajes de correo electrónico. Como con todos los otros métodos discutidos aquí, pega este fragmento de código en la sección < head> del HTML de tu correo electrónico.
Así que, según Mozilla, si fueras a añadir la fuente Open Sans a tus correos, usarías el siguiente fragmento de código:
@font-face{
font-family:"Open Sans";
src:url("/fonts/OpenSans-Regular-webfont.woff2")format("woff2"),
url("/fonts/OpenSans-Regular-webfont.woff")format("woff");
}
Especificar Alternativas de Fuentes Web
Aunque siempre quieres que funcione la fuente web que has seleccionado cuidadosamente, no siempre va a ser así. Ya sea debido a un error del servidor o a la compatibilidad del sistema, es una buena idea no dejar al azar la opción de reserva seleccionada. Así que, usando @font-face de nuevo, puedes especificar qué fuente local quieres que se use en caso de que tu fuente web preferida no pueda ser descargada.
Podemos usar el mismo fragmento de código mencionado anteriormente y modificarlo para incluir una opción de fuente alternativa:
@font-face{
font-family:"Open Sans";
src:url("/fonts/OpenSans-Regular-webfont.woff2")format("woff2"),
url("/fonts/OpenSans-Regular-webfont.woff")format("woff");
local("Helvetica")
}
Dónde Puedes Encontrar Fuentes Web para Utilizarlos en Tus Correos Electrónicos
Existen varios lugares en línea donde puedes encontrar fuentes web. Solo ten en cuenta los requisitos de licencia que tienen. Cada sitio puede tener diferentes especificaciones que debes seguir, así que ten eso en cuenta.
- Google Fonts: Este es uno de los lugares más populares para encontrar fuentes web actualmente, ofreciendo una biblioteca de fuentes de código abierto para usar en cualquier lugar y en cualquier momento. Actualmente cuenta con 1.020 familias de fuentes.
- Fonts.com: Este es otro fantástico recurso para fuentes de todo tipo, desde las manuscritas hasta las de la web. En realidad es la tienda Monotype y cuenta con más de 150.000 fuentes para explorar y tal vez comprar.
- Typography.com: Esta es la tienda de H&Co, una fundición que incluye 1.500 tipos de letra que pueden ser usados en la web y para imprimir.
- Font Squirrel: Si buscas una selección gratuita, Font Squirrel podría ser la adecuada. Este sitio solo ofrece fuentes gratuitas que pueden ser usadas con fines comerciales.
- Adobe Fonts: Anteriormente conocido como Typekit, Adobe Fonts incluye miles de fuentes para elegir, todas ellas disponibles con una suscripción a Creative Cloud.
- Fontspring: Si bien es cierto que tienes que comprar las fuentes web que aparecen en Fontspring, están disponibles sin suscripción y suelen incluir licencias ilimitadas para mayor comodidad.
- MyFonts: Esta es otra empresa propiedad de Monotype, con listados de miles de fuentes tanto para imprimir como para la web.
- Village: Es un colectivo de varias fusiones que se unieron para vender sus fuentes de forma independiente.
- Process Type Foundry: Es una pequeña empresa fundada en 2002 por dos diseñadores tipográficos que venden las fuentes que fabrican al público en general.
- FontShop: Por último, está FontShop, otro escaparate de Monotype y lugar para explorar y comprar fuentes web.
Fuentes Web de Alta Calidad y Legibles
Si necesitas algo de inspiración, los siguientes son todos ejemplos de fuentes web que son fáciles de leer y que podrían añadirse a tus correos electrónicos utilizando los métodos descritos anteriormente.
Open Sans
Open Sans es una fuente sans serif muy legible, ideal para la lectura en pantalla. Fue diseñada por Steve Matteson y presenta formas abiertas. Todas las letras son fáciles de leer y también se ven bien en todos los tamaños.
Roboto
Roboto es otra fuente web de alta calidad que se ve muy bien en las pantallas. Tiene un diseño geométrico con curvas abiertas, creando una atractiva dicotomía que funciona a la perfección. Cada letra tiene un ancho natural, resistiendo la típica rigidez de las fuentes grotescas.
Raleway
O podrías deciderte por Raleway, otra fuente sans serif que ofrece líneas más finas y un atractivo más elegante. La familia tipográfica fue diseñada originalmente por Matt McInerney, y luego ampliada más tarde por Pablo Impallari y Rodrigo Fuenzalida.
Century Gothic
Century Gothic es una fuente web que ofrece un aspecto clásico. Y tiene sentido que así sea, ya que en realidad es una versión modernizada de fuentes más antiguas de los años 20 y 30. Tiene un amplio soporte en todos los navegadores y es legible en las pantallas.
Proxima Nova
Proxima Nova es otra opción de fuente web que es en realidad una versión revisada de la fuente Proxima Sans, que se creó por primera vez en 1994. La fuente es ligeramente geométrica pero también natural y sería una excelente selección para tu copia de correo electrónico.
Quasimoda
Quasimoda es una elegante fuente web que es fácil de ver y universal en su atractivo. Fue creada por Lettersoup, una fusión tipográfica con sede en Berlín, Alemania, que fue iniciada por Botio Nikoltchev en 2014.
PT Sans Pro
PT Sans Pro podría ser justo lo que estás buscando en una fuente web. Ofrece formas de letras redondeadas y un aspecto natural. Fue diseñada por Paratype, una compañía de fuentes digitales que comenzó en la década de 1980.
Brandon Grotesque
La fuente web Brandon Grotesque fue creada por HVD Fonts. HVD fue fundada por Hannes von Döhren y la empresa se centra en crear fuentes profesionales y fáciles de leer, pero con estilo, que funcionan para cualquier número de aplicaciones.
Sofia Pro
Sofia Pro es una fuente sans serif que fue diseñada por Mostardesign en 2008. Mantiene un sentido de modernidad mientras que también incluye formas redondeadas. Consigue un sólido equilibrio entre los diseños armoniosos y los geométricos.
Museo Sans
Por último, está el Museo Sans, que es una nueva versión de la popular fuente del Museo. Presenta un diseño geométrico sans serif que puede ser usado tanto en los titulares como en el texto copiado. Es legible y multipropósito, lo que la convierte en un caballo de batalla para los correos electrónicos. Fue diseñada por Exljbris en 2008.
Un Aviso Sobre el Uso de Imágenes vs Texto en el Correo Electrónico
Si incrustas una imagen como un póster o incluso una captura de pantalla de un texto escrito con una bonita fuente, puede ser una forma de solucionar el problema de las fuentes seguras para el correo electrónico. Esta opción tiene sus propios problemas, sin embargo, ya que las imágenes en los correos electrónicos no siempre se muestran, o pueden no mostrarse correctamente en algunas pantallas. También está el problema de los lectores de pantalla, que, a menos que incluyas texto alternativo, no sabrás lo que dice la imagen.
Ten cuidado al usar imágenes en los correos electrónicos y solo utilízalas para mejorar el contenido de tu mensaje, no para entregar información clave. Así que si quieres anunciar una venta especial en tu sitio web, no solo incluyas una imagen del cartel de la venta con los detalles del producto que aparece en él y darlo por hecho.
Como mínimo, debes incluir el texto de la imagen como texto simple, también. Mejor aún, evita esta redundancia por completo y solo usa el texto seguro del correo electrónico y guarda las imágenes para el interés visual ocasional.
La única excepción basada en texto que se me ocurre que haría apropiado el uso de texto como imagen es un logotipo, en el que el nombre de la empresa o marca viene ya incluido.
Resumen
No cualquier tipo de fuente servirá para enviar mensajes de correo electrónico a clientes potenciales y clientes. De hecho, no elegir una buena fuente puede perjudicar significativamente tu tasa de conversión. Por lo tanto, las fuentes que elijas deben ser seguras para el correo electrónico, causar una buena impresión y ofrecer una excelente legibilidad.
En este artículo, revisamos los principales tipos de fuentes que existen y el impacto psicológico que pueden tener. Mostramos ejemplos de fuentes que la mayoría de los clientes de correo electrónico soportan. También hablamos de las fuentes web, de cómo puede añadirlas a tu sitio, así como de los recursos y ejemplos de fuentes web que puedes utilizar para empezar.
Ojalá ahora tengas una mejor idea del impacto de las fuentes seguras para el correo electrónico. Y con esta guía en la mano, puedes tomar decisiones informadas al dirigirte hacia tu próxima campaña de correo electrónico.
Deja una respuesta