Your achievements

Level 1

0% to

Level 2

Tip /
Sign in

Sign in to Community

to gain points, level up, and earn exciting badges like the new
BedrockMission!

Learn more

View all

Sign in to view all badges

SOLVED

Font Rendering Issue in Outlook - ACC

ukender
Level 2
Level 2

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
ukender
Correct answer by
Level 2
Level 2

We have delivered the template with closest matching fonts. 

View solution in original post

8 Replies
Darren_Bowers
Community Advisor
Community Advisor

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
Level 2
Level 2

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
Community Advisor
Community Advisor
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
Level 1
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

ukender
Level 2
Level 2
Thank you for the suggestions, we have delivered with closest matching font.
Sukrity_Wadhwa
Employee
Employee

Hi @ukender,

 

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

 

Let us know. Thanks!

Tweedskin1
Level 1
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!

 

 

ukender
Correct answer by
Level 2
Level 2

We have delivered the template with closest matching fonts. 

View solution in original post