Objetivos del artículo
Obtén información sobre las oportunidades y limitaciones de usar fuentes en línea, y cómo enviar correos electrónicos que se alineen con la marca.
¿Buscas información sobre cómo usar fuentes personalizadas? Aprende cómo usar fuentes personalizadas.
Cómo funcionan las fuentes
Las fuentes son representaciones de texto y se pueden usar en medios impresos o en línea. Es posible que conozcas algunas de las fuentes más comunes, como Arial o Times New Roman, pero hay miles de otras fuentes que puedes usar para comunicar y representar tu marca.
Con los medios en línea (como sitios web o correos electrónicos), las opciones de fuente son prácticamente ilimitadas. Sin embargo, cuando compartes tu creación con otra persona, puede que no se vea exactamente igual, porque no todos los dispositivos tienen acceso a las mismas fuentes.
Hay 2 formas principales en que un dispositivo puede acceder a una fuente y usarla: fuentes del sistema (es decir, fuentes almacenadas en el dispositivo que estás usando) y fuentes web (es decir, fuentes cargadas desde un servidor externo)
Acerca de las fuentes del sistema
Las computadoras y los teléfonos vienen precargados con una variedad de fuentes. Hay algunas fuentes que se instalan comúnmente (la mayoría de los dispositivos vienen con Georgia y Verdana, por ejemplo), pero lo que incluyen de forma predeterminada puede variar mucho según el dispositivo. Las fuentes que usa la mayoría de los dispositivos se llaman fuentes “seguras para la web”.
Acerca de las fuentes web
A diferencia de las fuentes seguras para web, las fuentes web se cargan desde un servidor externo al mismo tiempo que el contenido que estás viendo. Las fuentes personalizadas generalmente son fuentes web. Si usas una fuente web, también querrás configurar una fuente segura para web de respaldo, en caso de que un dispositivo específico no pueda cargar tu fuente web.
Acerca de las fuentes alternativas
Cuando ves cualquier cosa en línea, ya sea una página web o un correo electrónico, hay CSS (código que se usa para dar estilo al contenido en línea) detrás de escena que le indica al dispositivo qué fuente mostrar. Si tu dispositivo no puede acceder a la fuente, revisará el CSS para buscar una “fuente de respaldo” (una fuente o fuentes seleccionadas por la persona que creó el sitio web o el mensaje de correo electrónico, que se usarán en caso de que la fuente preferida no estuviera disponible). Las fuentes de respaldo deben ser fuentes seguras para la web que la mayoría de los dispositivos puedan usar. Te dan más control sobre cómo se ve tu mensaje cuando alguien lo visualiza en un dispositivo que no admite fuentes personalizadas/de la web.
Si no hay una fuente de respaldo disponible, o si la fuente de respaldo no es compatible con el dispositivo que se está usando, entonces el dispositivo usará una fuente predeterminada, como Arial o Times New Roman. Las fuentes predeterminadas varían ampliamente entre dispositivos y apps.
Cómo funcionan las fuentes en el correo electrónico
Algunos clientes de correo electrónico son compatibles con fuentes web, pero otros no. Cuando alguien abre tu correo electrónico en una bandeja de entrada o un dispositivo que no es compatible con fuentes web, verá una fuente predeterminada en su lugar. Puedes controlar qué fuentes del sistema se usan como respaldo al configurar una fuente de reserva.
Si alguien abre tu correo electrónico en un dispositivo compatible con fuentes web, se 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 respaldo.
Los siguientes clientes de correo electrónico admiten fuentes web (personalizadas):
- Apple Mail
- iOS Mail (el navegador de correo electrónico por defecto en iOS)
- Google Android (excepto Android 2.3, que no admite el método
@importque utilizan las fuentes de Google y Adobe) - Samsung Mail (Android 8.0)
- Outlook para Mac
Ten en cuenta que Gmail, uno de los clientes de correo electrónico más grandes, por lo general no admite fuentes web. Sin embargo, hay una excepción: Gmail sí admite Roboto.
Optimizar las fuentes en los correos electrónicos
La mejor manera de asegurarte de que tu correo electrónico se vea consistente en todos los dispositivos es usar una fuente segura para la web. Las fuentes predeterminadas de Klaviyo suelen ser seguras para la web. Encuentra las fuentes que ofrece Klaviyo en:
- Contenido > Imágenes y marca > Recursos de marca
- La pestaña Estilos de tus correos electrónicos
- La sección Estilos de cualquier bloque de correo electrónico que contenga texto
- La pestaña Estilos del editor de formularios de registro
Algunos dispositivos no admiten tres de las fuentes que proporciona Klaviyo: Century Gothic, Tahoma y Apple Black. Estas fuentes no vienen preinstaladas en dispositivos iOS (p. ej., iPhones), así que, si usas estas fuentes, pueden aparecer como la fuente predeterminada de la bandeja de entrada cuando se vea en un dispositivo iOS.
Consejos para usar fuentes personalizadas
Si prefieres usar una fuente personalizada, usa los consejos a continuación para asegurarte de que tus correos electrónicos se vean bien diseñados en todos los dispositivos.
Usar fuentes alternativas
Selecciona una fuente de respaldo segura para la web que coincida lo más posible con la fuente personalizada. Puedes seleccionar una fuente de respaldo de las fuentes predeterminadas de Klaviyo al configurar la fuente personalizada.
Usa texto en las imágenes.
Si bien un correo electrónico con solo imágenes puede afectar tu capacidad de entrega, puedes usar de forma estratégica una combinación de texto en imágenes y texto en bloques de texto para crear un correo electrónico que se alinee con tu marca. Elige una fuente personalizada de marca para los encabezados y los llamados a la acción (CTA), y combínala con una fuente segura para la web para usarla en el cuerpo del texto.
Usa imágenes que incluyan la fuente de tu marca para cierto texto y asegúrate de agregar texto alternativo cuando agregues las imágenes al correo electrónico. Luego, aplica una fuente segura para la web al resto del texto del correo electrónico. El resultado es un correo electrónico con tu marca que coincide con tu sitio y que, además, es accesible en las bandejas de entrada de tus suscriptores.
Haz pruebas exhaustivas
Independientemente de los métodos que elijas, prueba tus correos electrónicos a fondo, especialmente cuando uses un diseño nuevo. Envíate el correo electrónico a varios dispositivos para asegurarte de que estás satisfecho con cómo se ve en cada uno. También puedes usar programas de prueba de correos electrónicos como Litmus o Email on Acid para hacer pruebas en una gama más amplia de dispositivos.