Skip to main content
kevind46959602
Jan 29, 2020 5:49 PM UTC
Solved

Getting custom fonts to render in email deliveries

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

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
Manoj_Kumar
Manoj_KumarAccepted solution
Community Advisor
Jan 30, 2020 10:36 AM UTC

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  | https://themartech.pro

11 replies

Jonathon_wodnicki
Community Advisor
Community Advisor
Jan 29, 2020 7:50 PM UTC

Hi,

 

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

 

Thanks,

-Jon

Translate
kevind46959602
Jan 29, 2020 8:03 PM UTC
I don't believe I have any control over that. However, when I follow the font's url it downloads the font file, so I don't believe its an access issue if that is what you mean.
Translate
Manoj_Kumar
Community Advisor
Manoj_KumarCommunity AdvisorAccepted solution
Community Advisor
Jan 30, 2020 10:36 AM UTC

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

Translate
Manoj  | https://themartech.pro