Font Face tag removed when pasting email HTML in email

Crystal George

I'm trying to use a web font in an email, but each time I upload the HTML and save it removes the tag, <font face="'Diplomata SC', cursive, Georgia;"> and </font> and replaces them with span tags. Then, when the email is sent somehow the text is in Comic Sans, instead of Georgia as specified when the special font is not supported. Any suggestions?


Thanks!

Pat Morrison

My code is using styles within a paragraph and starts as

<p><span style="font-size: 12pt; font-family: Arial,Helvetica,sans-serif;">First of all, thank you.... then ends with </span></p>

I am not familiar with font-face as an HTML command, I looked it up on w3schools.com, maybe that command has somethinhg to do with your problem?.

Crystal George

Pat Morrison:

My code is using styles within a paragraph and starts as

<p><span style="font-size: 12pt; font-family: Arial,Helvetica,sans-serif;">First of all, thank you.... then ends with </span></p>

I am not familiar with font-face as an HTML command, I looked it up on w3schools.com, maybe that command has somethinhg to do with your problem?.

Thanks for your response Pat. I'm using a web font and the font-face command is added as a back-up for the email clients who don't support web fonts. The odd part is that the font shows up as Comic Sans in certain email clients, but that's not the back-up font, Georgia should be what displays when web fonts aren't supported. Here's the actual string of code:


<font face="'Diplomata SC', cursive, Georgia;">

<span style="font-family: 'Diplomata SC', cursive, Georgia; font-size: 34px; color: #006565; text-align: center; line-height: 48px;">OYSTER ROAST</span><br /></font>


I also have this in the head styling:

@import url("https://fonts.googleapis.com/css?family=Diplomata+SC");

Rebecca Leifert

Hi Crystal,

This article may be of great help: https://www.campaignmonitor.com/blog/email-marketing/2016/07/10-things-need-know-web-fonts-email-right-now/. There's a second method for declaring the fonts other than what you're using...maybe that will work better. Not every email service provider respects/recognizes webfonts yet, so you are VERY wise to include your backup fonts as a safety valve. I'm not sure why the dreaded Comic Sans is showing for you instead of Georgia.


Have you talked to BB support about this yet? I'd be interested to hear if it's your code set up or BBNC's email gremlins that are stripping out your code & replacing it with the <span> tags - it's well known for stripping out certain code in emails.


Let me know if that second method for webfonts works any better for you. I've held off adding webfonts due to lack of support but if that works...I'd love to jump into it!

Lance Olenik 3

The 'cursive' font is your first fallback font and those email clients are interpreting that as Comic Sans. Cursive is not a font face, it's a font style, like serif or sans-serif and different email clients will have different font faces associated with the 'cursive' font style. Change the order of your font list to "'Diplomata SC', Georgia, serif"

Using 'serif' will give you a better fall back than 'cursive.'