Font Rendering Issue in Outlook - ACC

[ukender]

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

[Darren_Bowers]

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

[ukender]

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>

[Darren_Bowers]

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

[Tweedskin1]

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

[ukender]

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

[Sukrity_Wadhwa]

Hi @ukender,

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

Let us know. Thanks!

[Tweedskin1]

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!

[ukender · Accepted solution]

We have delivered the template with closest matching fonts.