Aprenderá
Conozca las oportunidades y limitaciones del uso de fuentes en Internet y cómo enviar mensajes de correo electrónico acordes con su marca.
Aprenda a utilizar fuentes personalizadas.
Cómo funcionan las fuentes
Las fuentes son representaciones del texto y pueden utilizarse en medios impresos o en línea. Seguro que está 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 puede utilizar para comunicar y representar su marca.
Con los medios en línea (como sitios web o correos electrónicos), sus opciones de fuentes son casi ilimitadas. Sin embargo, cuando comparta su creación con otra persona, puede que no tenga exactamente el mismo aspecto, porque no todos los dispositivos tienen acceso a las mismas fuentes.
Existen dos formas principales en las que un dispositivo puede acceder a una fuente y utilizarla: las fuentes del sistema (es decir, las fuentes almacenadas en el dispositivo que está utilizando) y las fuentes web (es decir, las 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 que se instalan 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á viendo. Las fuentes personalizadas suelen ser fuentes web. Si utiliza una fuente web, querrá establecer también una fuente web-safe fallback, en caso de que un dispositivo concreto no pueda cargar su fuente web.
Acerca de las fuentes fallbackAcerca de las fuentes fallback
Cuando ve cualquier cosa en línea, ya sea una página web o un correo electrónico, hay CSS (código utilizado para dar estilo al contenido en línea) entre bastidores que indica a su dispositivo qué fuente debe mostrar. Si su dispositivo no puede acceder a la fuente, comprobará el CSS en busca de una "fuente de reserva" (una fuente, o fuentes, seleccionadas por la persona que creó el sitio web o el mensaje de correo electrónico, para utilizarlas en caso de que la fuente preferida no estuviera disponible). Las fuentes de reserva deben ser fuentes seguras para la web que la mayoría de los dispositivos puedan utilizar, y le ofrecen un mayor control sobre cómo aparece su mensaje cuando alguien lo visualiza en un dispositivo que no admite fuentes personalizadas/web.
Si no hay ninguna fuente de reserva disponible, o si la fuente de reserva no es compatible con el dispositivo que se está utilizando, el dispositivo utilizará una fuente por defecto, como Arial o Times New Roman. Las fuentes predeterminadas 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 admiten fuentes web; otros no. Cuando alguien abra su correo electrónico en una bandeja de entrada o en un dispositivo que no admita fuentes web, verá que en su lugar se utiliza una fuente predeterminada. Puede controlar qué fuentes del sistema se utilizan como copia de seguridad estableciendo una fuente de reserva.
Si alguien abre su correo electrónico en un dispositivo compatible con fuentes web, cargará la fuente desde la URL proporcionada en el CSS de su 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 admiten fuentes web (personalizadas):
- Correo de Apple
- iOS Mail (el navegador de correo electrónico predeterminado en iOS)
- Google Android (excepto Android 2.3, que no admite el método
@importutilizado por las fuentes de Google y Adobe) - Samsung Mail (Android 8.0)
- Outlook para Mac
Tenga en cuenta que Gmail, uno de los mayores clientes de correo electrónico, no suele admitir fuentes web. Sin embargo, hay 1 excepción específica: Gmail sí admite Roboto.
Optimizar sus correos electrónicosOptimizar sus correos electrónicos
La mejor forma de garantizar que su 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. Encuentre las fuentes que ofrece Klaviyo en:
- Contenido > Imágenes & Marca > Activos de marca
- La pestaña Estilos de sus correos electrónicos
- La sección Estilos de cualquier bloque de correo electrónico que contenga texto
- La pestaña Estilos del editor del formulario de inscripción
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 utiliza estas fuentes, es posible que aparezcan como fuente predeterminada de la bandeja de entrada cuando se visualice en un dispositivo iOS.
Consejos para utilizar fuentes personalizadas
Si prefiere utilizar un tipo de letra personalizado, dé rienda suelta a su creatividad para asegurarse de que sus mensajes de correo electrónico tengan un buen diseño en todos los dispositivos utilizando los consejos que se ofrecen a continuación.
Utilice fuentes de reserva
Seleccione una fuente de reserva segura para la web que se asemeje lo más posible a su fuente personalizada. Puede seleccionar una fuente de reserva de las fuentes predeterminadas de Klaviyo al configurar la fuente personalizada.
Utilice texto en las imágenes
Mientras que un correo electrónico sólo con imágenes puede perjudicar su capacidad de entrega, puede utilizar estratégicamente una combinación de texto en imágenes y texto en bloques de texto para crear un correo electrónico que se alinee con su marca. Elija una fuente personalizada y de marca para sus encabezados y llamadas a la acción (CTA), y combínela con una fuente apta para la web para utilizar en el cuerpo del texto.
Utilice imágenes que contengan la fuente de su marca para seleccionar el texto y asegúrese de añadir texto alternativo cuando añada las imágenes a su correo electrónico. A continuación, aplique la fuente web-safe al resto del texto de su correo electrónico. El resultado es un correo electrónico de marca que coincide con su sitio web, a la vez que es accesible para las bandejas de entrada de sus suscriptores.
Pruebe a fondo
Independientemente de los métodos que elija, pruebe sus correos electrónicos a fondo, especialmente cuando utilice un nuevo diseño. Envíese el correo electrónico a sí mismo en varios dispositivos para asegurarse de que está satisfecho con cómo aparece en cada uno de ellos. También puede hacer uso de programas de prueba de correo electrónico como Litmus o Email on Acid para realizar pruebas con una gama más amplia de dispositivos.
Recursos adicionales