Getting custom fonts to render in email deliveries

Avatar

Avatar

kevind46959602

Avatar

kevind46959602

kevind46959602

29-01-2020

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 @Font-face rule. The src:url is referencing a public url.

example:

@Font-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

Accepted Solutions (1)

Accepted Solutions (1)

Avatar

Avatar

_Manoj_Kumar

MVP

Avatar

_Manoj_Kumar

MVP

_Manoj_Kumar
MVP

30-01-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

Answers (1)

Answers (1)

Avatar

Avatar

wodnicki

MVP

Avatar

wodnicki

MVP

wodnicki
MVP

29-01-2020

Hi,

 

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

 

Thanks,

-Jon