Create a Discussion

Uploading a font then using it in an email (outlook 2013) - Is it possible?

Steven lam posted 2018-07-13 14:25:46

Hello,

So my company has a font and they have sent me the woff/tff/svg files.

We currently use a custom font for some of our emails but I think they are on our computers already hence why it works (I know outlook 2013 is notorious for not playing well with fnts)

My question is if I upload these fonts then use CSS to implement them, will they work? And is it possible for the font to "gracefully degrade" in case it does NOT work to Arial?

Thanks! Ive never uploaded a font or used a custom one except for google fonts

Barry Flammia replied 2018-07-04 16:24:56

Hi Steve, I've had success converting fonts to base64 and referencing them as a css file. Obviously be sure you have the font license to do that though!

Converter...
https://www.giftofspeed.com/base64-encoder/

<StickThisInYourStyleSheet>
<link rel="stylesheet" href="font-style.css" />
    <!--[if gte mso 9]>
    <style>
        td { font-family: sans-serif !important; }
    </style>
    <![endif]-->

<ThisIsYourCSSFile>
@charset "utf-8";

@font-face {
font-family: Gotham Book;
src: url(data:font/otf;base64, PASTEBASE64DATAHERE ) format('truetype');
}

Reply to Barry Flammia

Steven lam replied 2018-07-13 14:25:46

Hi barry thanks a lot could you maybe elaborate a little more? So did you pass your WOFF files in that link then host that base64 file somewhere? Not sure what I should be putting in this site to convert them

The Litmus Community is the place for email designers and marketers to learn, grow, and educate each other about everything email.

Uploading a font then using it in an email (outlook 2013) - Is it possible?

Sign in to Community

Join the Litmus Community

Sign up to Community

Get more out of your Litmus account

Forgot password