Las fuentes personalizadas pueden tener un aspecto muy elegante y proporcionar una sensación de frescura a sus correos electrónicos. Sin embargo, la mayoría de los clientes de correo electrónico no admiten su uso. Esto puede ser resuelto con el uso de un código HTML adecuado para sus correos electrónicos. Es muy notable notar que mientras la mayoría de los usuarios se benefician de una fuente web por defecto, algunos prefieren la sensación de una fuente personalizada.
La mayoría de los clientes de correo electrónico apoyan la elección de las fuentes disponibles en su configuración o el menú de opciones de un correo electrónico. En algunos casos, puede utilizar directamente un comando para importar una nueva fuente y aplicarla a sus correos electrónicos. Tenga en cuenta que los comandos «@font-face» y «@import» sólo están disponibles en Apple Mail y en muy pocos otros clientes.
Aquí le enseñaremos a utilizar la función de estos comandos en un código HTML. Esto le permitirá utilizar fuentes importadas y personalizadas en sus correos electrónicos. Para esto puede que necesites tener un conocimiento básico de HTML. Sin embargo, vamos a tratar de hacer esto tan fácil de entender como sea posible.
¿Cómo puedo incrustar fuentes personalizadas en un correo electrónico?
Vamos a hacer esto paso a paso.
- Primero, ve a tu cuenta de HubSpot, o crea una si aún no la tienes, haz clic en Marketing luego en Archivos y Plantillas y luego en Herramientas de Diseño.
- Usando el buscador haz clic en el nombre de tu plantilla codificada para que el editor la abra. También puede crear una nueva plantilla.
- Ahora, usted quiere copiar el código de abajo y luego pegarlo en la sección <head> de su código HTML. Recuerda que esta plantilla de código es la que usarás para tus correos electrónicos siempre que quieras usar una fuente personalizada en particular. El código pegado debe estar entre las etiquetas <style>, debe reemplazar el font-family y la URL de la fuente con su elección de fuente.
«<style>
@font-face {
font-family: DeliciousRoman;
src: url(https://www.font-face.com/fonts/delicious/Delicious-Roman.otf);
}
</style>» - Por último, es posible que desee hacer referencia a la fuente en el cuerpo de su correo electrónico. Esto se puede colocar al final del cuerpo principal de su correo electrónico y se hace con el siguiente código:
«<span style=»font-family: DeliciousRoman;»>Describa lo que tiene que ofrecer al cliente.</span>»
Como último paso, complete cualquier otra edición o cambio en su plantilla de correo electrónico y simplemente haga clic en Publicar cambios. Con esto, tus correos electrónicos que usen esta plantilla utilizarán la fuente personalizada que has elegido con el primer código. Puedes utilizar este código en cualquier cliente de correo electrónico que te permita implementar tu propio código HTML a tus correos electrónicos.
Notas.
Aunque este proceso utiliza HubSpot como cuna, puedes utilizar el código HTML generado en cualquier cliente de correo electrónico por tu cuenta. Para ello, sólo tiene que cambiar la función principal de escritura en su cliente de correo electrónico. Esto se puede hacer en las plataformas de Outlook y Gmail.
Puedes encontrar una gran variedad de fuentes web para utilizar en tus correos electrónicos en Google Fonts. Todas las fuentes de la página son de uso gratuito y hay bastantes opciones para elegir. En caso de que quieras conocer más lugares para conseguir fuentes puedes probar algunas de las siguientes páginas, éstas sin embargo cobran dinero por sus servicios. MyFonts, Commercial, FontSpring, Typotheque, Village, FontShop y Process Type Foundry.
Además, tenga en cuenta que algunos clientes de correo electrónico tienen un tipo de fuente por defecto disponible para cada correo. Apple Mail utiliza Helvetica, Gmail utiliza Arial y Microsoft Outlook utiliza Calibri.
Por último, debes saber que si utilizas Google Fonts la URL de la fuente puede cambiar en el futuro. En el caso de que esto ocurra siempre puedes elegir una fuente de reserva por si acaso la principal no funciona, esto es un tema totalmente diferente sin embargo.
Conclusión.
Si te dedicas al email marketing o simplemente quieres personalizar tus correos, este es un método rápido para hacerlo. Tener una fuente personalizada puede ayudar a sus lectores a sentirse más comprometidos con sus correos electrónicos sólo porque no se parecen a la mayoría de los otros correos electrónicos. Esto significa que tienes suficiente confianza en tu marca como para cuidar pequeños detalles como las fuentes.
Si te ha parecido útil este artículo y quieres saber más sobre el email marketing en general encuentras más de nuestros artículos visitando nuestro Blog.