Expand my Community achievements bar.

SOLVED

Font Rendering Issue in Outlook - ACC

Avatar

Level 3

Dear All

 

The business requirement is to use the new font (Antenna-Extra Light) for developing an email template. We have downloaded and imported the particular font in the ACC, but if we try to use the imported fonts in template most of the fonts are working as expected in both email and browser but Antenna-Extra Light is reflected only in the browser not in outlook.

 

What might be the reason for it? Pleas help me.

 

Thanks in Advance

 

 

1 Accepted Solution

Avatar

Correct answer by
Level 3

We have delivered the template with closest matching fonts. 

View solution in original post

8 Replies

Avatar

Level 9

Hi @ukender - Microsoft Outlook is a pain on many levels. You usually have to use the !important style tag on custom fonts to get them to stick in MSO.

https://help.sharpspring.com/hc/en-us/articles/115002203011-Why-Emails-Render-Differently-in-Microso...

Cheers Darren

Avatar

Level 3

Hi Darren

Thanks for the suggestion. I have tried !important  but it didn't work. Am I missing anything?

Please have a look

<style>
@Font-face {
font-family: Antenna-ExtraLight; !important;
src: url(https://mid-stage1-res.adobe-campaign.com/res/ford_mid_stage1/Antenna-ExtraLight.woff) format("woff");
font-weight: normal;
font-style: normal;
}
*{
font-family: Antenna-ExtraLight; !important;
}
</style>

Avatar

Level 9
Hi @ukender - try using a directive for MSO at the end of your style block to define the fontyou want to use. Have a look at this: https://litmus.com/community/discussions/6286-web-fonts-in-outlook-woff-or-otf

Avatar

Level 1

The advice given here is incorrect. Custom fonts do not work in Outlook. At all. Ever. Only system fonts will render in Outlook. The best advice here is to specify a fall back system font that is as close as possible to your custom font

Avatar

Level 3
Thank you for the suggestions, we have delivered with closest matching font.

Avatar

Administrator

Hi @ukender,

 

Were you able to resolve this issue or find a work around for it?

 

Let us know. Thanks!



Sukrity Wadhwa

Avatar

Level 1

Hi @ukender 

 

Custom fonts do not work in Outlook. You will need to specify a fallback system font that looks close to your custom font, and this will be used in email clients that do not support custom/web fonts. There's more info on applying web fonts and which email clients support them here - https://www.litmus.com/blog/the-ultimate-guide-to-web-fonts/

 

If the typography is really super important (like for a brand image), then you could create your headline as an image, however this isn't a great user experience and I would only use it as a last resort. 

 

Good luck!

 

 

Avatar

Correct answer by
Level 3

We have delivered the template with closest matching fonts.