AnsweredAssumed Answered

Help me with calling a custom font

Question asked by Tiffany Stedman on Jan 7, 2019
Latest reply on Jan 9, 2019 by Tiffany Stedman

Hi,

 

So I'm familiar with the discussions on custom fonts and how to implement a custom font using the @font-face call.  I've attempted to implement a custom font, Avenr, in this manner.  Unfortunately I'm having no luck with having the custom font rendered.  Can someone please help me by glancing at my code to help me determine what I'm doing incorrectly?  I'm completely spinning my wheels on this one as the email consistently renders in Arial regardless of the hierarchy of the font-family order.  Thanks much!

 

<style type="text/css">

    @font-face {

     font-family: "Avenir Next Pro";

     src: url('https://www....[actual font URL here]....AvenirNext-Regular.ttf') format("truetype"),

        url('https://www....[actual font URL here]....AvenirNext-Regular.svg') format('svg'),

url('https://www....[actual font URL here]....AvenirNext-Regular.eot') format('eot');

     }

      body{font-family: 'Avenir Next Pro', Helvetica, Arial, Verdana, sans-serif;}

</style>

Outcomes