Skip to main content
ukender
ukender
Level 3
Jul 9, 2020 5:05 AM UTC
Solved

Font Rendering Issue in Outlook - ACC

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

 

 

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
ukender
ukenderAccepted solution
Level 3
Aug 19, 2020 1:54 PM UTC

We have delivered the template with closest matching fonts. 

View in thread

8 replies

Darren_Bowers
Darren_Bowers
Level 9
Jul 9, 2020 5:40 AM UTC

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-Microsoft-Outlook

Cheers Darren

Translate
    ukender
    ukenderAuthor
    Level 3
    Jul 9, 2020 6:56 AM UTC

    Hi Darren

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

    Please have a look

    <style>
    @2375939-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>

    Translate
    Sukrity_Wadhwa
    Sukrity_Wadhwa
    Level 4
    Aug 18, 2020 7:29 AM UTC

    Hi @ukender,

     

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

     

    Let us know. Thanks!

    Translate
    Sukrity Wadhwa
    Tweedskin1
    Aug 18, 2020 7:48 AM UTC

    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!

     

     

    Translate
    ukender
    ukenderAuthorAccepted solution
    Level 3
    Aug 19, 2020 1:54 PM UTC

    We have delivered the template with closest matching fonts. 

    Translate
    Terms & ConditionsAccessibility statement

    Loading footer...