Getting custom fonts to render in email deliveries | Adobe Higher Education
Skip to main content
kevind46959602
kevind46959602
January 29, 2020
Resuelto

Getting custom fonts to render in email deliveries

  • January 29, 2020
  • 2 respuestas
  • 10624 visualizaciones

Hello,

 

I am trying to utilize custom fonts within our email templates/deliveries. However, the custom font is not displaying properly within the ACC client inside the preview, as well as the actual email send.

 

I have the CSS within the email html within a <style> element inside the <head> section, and using the @2375939-face rule. The src:url is referencing a public url.

example:

@2375939-face {
font-family: 'myFont';
src: url('https://font_url_omitted.net/myFont.eot');
font-weight: normal;
font-style: normal;
mso-font-alt: 'Arial';
}

 

Are there known issues with doing this method for email deliveries? I also have the font files (eot, woff, woff2, ttf) themselves, but am unsure where and how to store them within the adobe server and/or client, and how to reference them within the delivery template.

 

Thanks in advance,

Kevin

Este tema ha sido cerrado para respuestas.
Mejor respuesta de Manoj_Kumar

Hello Kevin,

 

The only option is to enable CORS on the server where the fonts are hosted. If you don't have access to that server then i would suggest you to create an account on AWS for S3 or Digitalocean for Spaces. You can upload fonts there and enable cors for all the domains.

 

Upload fonts to adobe server won't help because you won't have access to enable CORS there.

Thanks,
Manoj

2 respuestas

Jonathon_wodnicki
Community Advisor
Jonathon_wodnickiCommunity Advisor
Community Advisor
January 29, 2020

Hi,

 

Did you enable CORS on the font's web server?

 

Thanks,

-Jon

kevind46959602
kevind46959602Autor
January 29, 2020

It looks like CORS is not enabled, getting this response when pasting the URL into the Remote URL field

 

Manoj_Kumar
Community Advisor
Manoj_KumarCommunity AdvisorRespuesta
Community Advisor
January 30, 2020

Hello Kevin,

 

The only option is to enable CORS on the server where the fonts are hosted. If you don't have access to that server then i would suggest you to create an account on AWS for S3 or Digitalocean for Spaces. You can upload fonts there and enable cors for all the domains.

 

Upload fonts to adobe server won't help because you won't have access to enable CORS there.

Thanks,
Manoj

Manoj     Find me on LinkedIn
    Términos y condicionesAccessibility statement

    Loading footer...