Guía del usuario Cancelar

Uso de fuentes web en correos electrónicos HTML o newsletters

  1. Guía del usuario de Adobe Fonts
  2. Introducción
    1. Requisitos del sistema y de suscripción
    2. Compatibilidad con navegadores y sistemas operativos
    3. Añadir fuentes en el ordenador
    4. Añadir fuentes al sitio web
    5. Añadir fuentes en CC Mobile
  3. Licencias de fuentes
    1. Licencias de fuentes
    2. Administrar la cuenta
    3. Licencias para clientes de Creative Cloud para empresas
    4. Añadir licencias de fuentes a la cuenta
    5. Eliminación de fuentes de la biblioteca de suscripción
    6. Adobe Fonts no está disponible para Adobe ID registrados en China
    7. ¿Por qué no se incluyen estas fuentes con mi suscripción a Creative Cloud?
    8. Retirada de fuentes de Morisawa en septiembre de 2021
  4. Obtener y usar fuentes
    1. Uso de Adobe Fonts en las aplicaciones de Creative Cloud
    2. Administrar las fuentes
    3. Resolver problemas por fuentes no disponibles en las aplicaciones de escritorio
    4. Uso de fuentes en InDesign
    5. Fuentes y tipografía
    6. Uso de fuentes web en documentos HTML5 Canvas
    7. Uso de fuentes en InCopy
    8. Cómo usar fuentes en Adobe Muse
    9. Uso de fuentes web en Muse
    10. Empaquetar archivos de fuentes
    11. Guía de solución de problemas: añadir fuentes
    12. Las fuentes añadidas no aparecen en el menú de fuentes
    13. “No es posible añadir una o más fuentes” o “Fuente con mismo nombre ya instalada”
    14. ¿Qué sucede cuando la fuente que estoy utilizando la modifica el creador o empresa tipográfica?
  5. Diseño y desarrollo web
    1. Añadir fuentes al sitio web
    2. Guía de solución de problemas: Añadir fuentes a un sitio web
    3. Uso de fuentes web en correos electrónicos HTML o newsletters
    4. Uso de fuentes web con Accelerated Mobile Pages (AMP)
    5. Selectores CSS
    6. Personalizar el funcionamiento de las fuentes web con los ajustes de font-display
    7. Códigos incrustados
    8. Subconjuntos dinámicos y alojamiento de fuentes web
    9. Eventos de fuentes
    10. ¿Por qué mis fuentes web proceden de use.typekit.net?
    11. El sitio no puede conectarse a use.typekit.net
    12. Uso de fuentes web con CodePen
    13. Compatibilidad con navegadores y sistemas operativos
    14. Dominios
    15. Uso de fuentes web al desarrollar de forma local
    16. Política de seguridad de contenido
    17. Impresión de fuentes web
  6. Compatibilidad con idiomas y funciones OpenType
    1. Compatibilidad con idiomas y subconjuntos
    2. Uso de funciones OpenType
    3. Sintaxis de funciones OpenType en CSS
  7. Tecnología de fuentes
    1. Fuentes de color de OpenType-SVG
    2. Ten Mincho: aspectos importantes sobre la actualización de la versión 1.000

El código CSS incrustado @import se puede utilizar para incluir fuentes web en correos electrónicos HTML o newsletters.  

Nota:

La carga de fuentes mediante JavaScript se utiliza para los subconjuntos dinámicos de Adobe, lo que es necesario para el alojamiento de fuentes web de Asia Oriental.  Dado que no hay ningún código CSS incrustado específico para estos casos, estas fuentes web, incluidas las que admiten los idiomas chino, japonés y coreano, no se pueden usar en correos electrónicos HTML.

Seleccionar fuentes para usarlas

Siga los pasos del tutorial de fuentes web para elegir las fuentes que desea utilizar y crear su proyecto.

Añadir el código incrustado

Para encontrar el código incrustado de su proyecto, vaya a la página Proyectos web. Busque el nombre del proyecto y luego haga clic en la opción “enlace @import“. 

Añada las etiquetas <style> con el código incrustado @import a la etiqueta <head> del correo electrónico, junto con los nombres de las familias de fuentes.

El código incrustado @import al usarse en un correo electrónico HTML

El nombre de la familia de fuentes que se vaya a utilizar en el CSS para darle estilo al texto también aparece en el proyecto web; consulte más información sobre cómo usar fuentes en CSS.

Nota:

El código incrustado @import tiene que colocarse al comienzo de la etiqueta <style> o con otras declaraciones de @import o de lo contrario las fuentes no se cargarán. Solo se permite incluir una entrada @charset antes de las líneas de @import.

Compatibilidad de fuentes web con clientes de correo electrónico

Algunos clientes de correo electrónico no admiten correos electrónicos HTML o fuentes web, lo que repercute en lo que vayan a ver los destinatarios. Asegúrese de indicar las fuentes alternativas en su correo electrónico y compruebe que se vea correctamente antes de enviarlo y que funcione bien en todos los clientes.

A continuación puede consultar una breve lista de los clientes de correo electrónico más usados y su compatibilidad con fuentes web.

Nombre del cliente

¿Es compatible?

AOL Mail

Aplicación de correo de Android (nativo, no Gmail)

Apple Mail

Gmail

No

Google Inbox

No

iOS Mail


Outlook 2000

No

Outlook 2011 (OS X 10.10 o posterior)

Outlook 2016 (OS X 10.10 o posterior y Windows 10)

Eliminar un proyecto o cancelar una suscripción

Si elimina el proyecto que está utilizando en una campaña de correo electrónico o cancela la suscripción que lo aloja, las fuentes dejarán de estar disponibles en los correos electrónicos enviados. En su lugar, se aplicarán las fuentes alternativas que haya especificado o las fuentes predeterminadas del cliente de correo electrónico.

 Adobe

Obtén ayuda de forma más rápida y sencilla

¿Nuevo usuario?