Font Rendering Issue in Outlook - ACC | Adobe Higher Education
Skip to main content
ukender
ukender
Level 3
July 9, 2020
Répondu

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

 

 

Ce sujet a été fermé aux réponses.
Meilleure réponse par ukender

We have delivered the template with closest matching fonts. 

4 commentaires

Darren_Bowers
Darren_Bowers
Level 9
July 9, 2020

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

    ukender
    ukenderAuteur
    Level 3
    July 9, 2020

    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>

    Sukrity_Wadhwa
    Community Manager
    Sukrity_WadhwaCommunity Manager
    Community Manager
    August 18, 2020

    Hi @ukender,

     

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

     

    Let us know. Thanks!

    Sukrity Wadhwa
    T
    Tweedskin1
    August 18, 2020

    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
    ukenderAuteurRéponse
    Level 3
    August 19, 2020

    We have delivered the template with closest matching fonts. 

    Conditions d'utilisationAccessibility statement

    Loading footer...