Fuentes en correos electrónicos
Objetivos del artículo
Conoce las oportunidades y limitaciones del uso de fuentes en Internet, y cómo enviar correos electrónicos que se alineen con tu marca.
¿Buscas información sobre cómo utilizar fuentes personalizadas? Aprende a utilizar fuentes personalizadas.
Cómo funcionan los tipos de letra
Las fuentes son representaciones del texto, y pueden utilizarse en contenido multimedia impreso o en línea. Puede que estés familiarizado con algunos de los tipos de letra más comunes, como Arial o Times New Roman, pero hay miles de otros tipos de letra que puedes utilizar para comunicar y representar tu marca.
Con contenido multimedia en línea (como sitios web o correo electrónico), tus opciones de fuentes son casi ilimitadas. Sin embargo, cuando compartas tu creación con otra persona, puede que no tenga exactamente el mismo aspecto, porque no todos los dispositivos tienen acceso a las mismas fuentes.
Hay dos formas principales en que un dispositivo puede acceder a una fuente y utilizarla: fuentes del sistema (es decir, fuentes tienda, comercio en el dispositivo que estás utilizando) y fuentes web (es decir, fuentes cargadas desde un servidor externo).
Acerca de las fuentes del sistemaAcerca de las fuentes del sistema
Los ordenadores y los teléfonos vienen precargados con una gran variedad de fuentes. Hay algunas fuentes instaladas habitualmente (la mayoría de los dispositivos vienen con Georgia y Verdana, por ejemplo), pero los dispositivos pueden variar mucho en lo que incluyen por defecto. Las fuentes que utilizan la mayoría de los dispositivos se denominan fuentes "seguras para la web".
Acerca de las fuentes webAcerca de las fuentes web
A diferencia de las fuentes web seguras, las fuentes web se cargan desde un servidor externo al mismo tiempo que el contenido que estás viendo. Las fuentes personalizadas suelen ser fuentes web. Si utilizas una fuente web, deberás establecer también una fuente web segura, en caso de que un dispositivo concreto no pueda cargar tu fuente web.
Acerca de las fuentes alternativasAcerca de las fuentes alternativas
Cuando ves algo en Internet, ya sea una página web o un correo electrónico, entre bastidores hay CSS (código utilizado para dar estilo al contenido en Internet) que indica a tu dispositivo qué fuente debe mostrar. Si tu dispositivo no puede acceder a la fuente, comprobará el CSS en busca de una "fuente alternativa" (una fuente, o fuentes, seleccionada por la persona que creó el sitio web o el mensaje de correo electrónico, para utilizarla en caso de que la fuente preferida no estuviera disponible). Las fuentes de reserva deben ser fuentes seguras para la web que puedan utilizar la mayoría de los dispositivos. Te dan más control sobre cómo aparece tu mensaje cuando alguien lo ve en un dispositivo que no tiene equipo de asistencia de fuentes personalizadas/web.
Si no hay ninguna fuente alternativa disponible, o si el dispositivo que se está utilizando no admite la fuente alternativa, el dispositivo utilizará una fuente predeterminada, como Arial o Times New Roman. Los tipos de letra predeterminados varían mucho entre dispositivos y aplicaciones.
Cómo funcionan las fuentes en el correo electrónicoCómo funcionan las fuentes en el correo electrónico
Algunos clientes de correo electrónico equipo de asistencia web fuentes, pero otros no. Cuando alguien abra tu correo electrónico en una bandeja de entrada o dispositivo que no disponga de equipo de asistencia web de fuentes, verá que en su lugar se utiliza una fuente predeterminada. Puedes controlar qué fuentes del sistema se utilizan como copia de seguridad estableciendo una fuente de reserva.
Si alguien abre tu correo electrónico en un dispositivo que equipo de asistencia web fuentes, cargará la fuente desde la URL proporcionada en el CSS de tu correo electrónico. Si el dispositivo puede acceder a la fuente, la mostrará; de lo contrario, pasará a las fuentes de reserva.
Los siguientes clientes de correo electrónico equipo de asistencia web (personalizado) fuentes:
- Apple Mail
- iOS Mail (el navegador de correo electrónico por defecto en iOS)
- Google Android (excepto Android 2.3, que no equipa de asistencia el método
@importutilizado por Google y Adobe fonts) - Samsung Mail (Android 8.0)
- Outlook para Mac
Ten en cuenta que Gmail, uno de los mayores clientes de correo electrónico, no suele equipar fuentes web de asistencia. Sin embargo, hay una excepción: Gmail hace equipo de asistencia Roboto.
Optimizar las fuentes de tu correo electrónicoOptimizar las fuentes de tu correo electrónico
La mejor forma de garantizar que tu correo electrónico tenga un aspecto coherente en todos los dispositivos es utilizar una fuente segura para la Web. Las fuentes predeterminadas de Klaviyo son generalmente seguras para la web. Encuentra las fuentes que proporciona Klaviyo en:
- Contenido > Imágenes & Marca > Activos de marca
- La pestaña Estilos de tu correo electrónico
- La sección Estilos de cualquier bloque de correo electrónico que contenga texto
- La pestaña Estilos del editor del formulario de registro
Tres de las fuentes que proporciona Klaviyo no son compatibles con algunos dispositivos: Century Gothic, Tahoma y Apple Black. Estas fuentes no vienen preinstaladas en los dispositivos iOS (por ejemplo, iPhones), por lo que si utilizas estas fuentes, pueden aparecer como la fuente predeterminada de la bandeja de entrada cuando se visualiza en un dispositivo iOS.
Consejos para utilizar fuentes personalizadas
Si prefieres utilizar una fuente personalizada, sigue estos consejos para que tu correo electrónico tenga un buen diseño en todos los dispositivos.
Utilizar fuentes alternativas
Selecciona una fuente alternativa segura para la web que sea lo más parecida posible a tu fuente personalizada. Puedes seleccionar una fuente alternativa de las fuentes predeterminadas de Klaviyo cuando configures la fuente personalizada.
Utiliza texto en las imágenes
Mientras que un correo electrónico sólo de imágenes puede perjudicar tu capacidad de entrega, puedes utilizar estratégicamente una combinación de texto en imágenes y texto en bloque para crear un correo electrónico que se alinee con tu marca. Elige una fuente personalizada y de marca para tus encabezados y llamadas a la acción (CTA), y combínala con una fuente segura para la web para el cuerpo del texto.
Utiliza imágenes que contengan la fuente de tu marca para seleccionar el texto, y asegúrate de añadir texto alternativo cuando añadas las imágenes a tu correo electrónico. A continuación, aplica la fuente web-safe al resto del texto de tu correo electrónico. El resultado es un correo electrónico de marca que coincide con tu sitio web, a la vez que es accesible para las bandejas de entrada de tus suscriptores.
Prueba a fondo
Independientemente de los métodos que elijas, prueba a fondo tu correo electrónico, sobre todo cuando utilices un nuevo diseño. Envíate el correo electrónico a ti mismo en varios dispositivos para asegurarte de que estás satisfecho con cómo aparece en cada uno de ellos. También puedes utilizar programas de pruebas de correo electrónico como Litmus o correo electrónico en Acid para realizar pruebas con una gama más amplia de dispositivos.
Recursos adicionales