@import font not working | Community
Skip to main content
A
Anonymous
May 20, 2016
Solved

@import font not working

  • May 20, 2016
  • 3 replies
  • 2824 views

More of a general html question. But maybe somebody here knows something on this. I've tried everything, and I'm stumped on something that should be exceedingly simple...

I'm trying to use a webfont in our templates, but it's not applying. The font's sitting on our dev servers. The file paths all seem good. My reference to the style sheet for these fonts is in the header. I've also tried it outside of the header. I've tried the font reference hardcoded into the template. Nothing seems to work. On a Chrome browser, on my mac, it worked. So I had somebody else try it on theirs, and nope. I've cleared cache everywhere a dozen times over. So now... I'm stumped. Maybe somebody else's eyes can see what I'm not seeing.

For reference, here's a landing page that uses the template I'm working on: sample page

You can see it's skipping over the VerbLight font and using the Verdana. I want VerbLight.

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
Best answer by Grégoire_Miche2

Hi Charles,

A quick debug run on the page shows the following error messages:

I would bet you should try you upload the fonts to the design studio and to reference them from there.

-Greg

3 replies

A
Anonymous
May 20, 2016

ahh. dang. Just ran into a secondary problem. Now trying to apply the fonts to my email templates, using the same thing, but getting that same error of mixed content. I suspect because the email template preview is on the main marketodesigner page, but the code is sitting in our Marketo url:

Timestamp: 5/20/16, 3:26:14 PM

Error: Blocked loading mixed active content "go.idt911.com/rs/746-PTV-801/images/MyFontsWebfontsKit.css"

Source File: na-ab14.marketodesigner.com/email/emailGetContent?emailId=1970&leadId=1011879

Line: 0

Any thoughts on this new wrinkle?

Grégoire_Miche2
Grégoire_Miche2
New Participant
May 21, 2016

Hi Charles,

Not much of an idea, but as a matter of fact, applying special fonts in email is not that a good idea. Many email clients will not support it.

-Greg

A
Anonymous
May 23, 2016

Yeah, I'm including web-safe font backups in the CSS.

A
Anonymous
May 20, 2016

oh! That pesky problem again. I've been running into that a bit recently.  I thought there was some reason I couldn't upload these fonts to the resource folder, because the folder structure changes in Marketo. At least that's what I saw in a note on using some template I'd downloaded to look over.

I'll upload them now and see what I can do that way.

UPDATE: yep. I uploaded the fonts and the css both into a "fonts" folder on the media center side. Using an absolute path to the files, everything seems to be in order.

Grégoire_Miche2
Grégoire_Miche2Accepted solution
New Participant
May 20, 2016

Hi Charles,

A quick debug run on the page shows the following error messages:

I would bet you should try you upload the fonts to the design studio and to reference them from there.

-Greg

Terms & ConditionsAccessibility statement

Loading footer...