Avatar for Username

Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

This thread was archived. Please ask a new question if you need help.

@font-face doesn't work with external links, leaving me with no solution on my Tumblr but to not support Firefox

  • 2 majibu
  • 3 wana tatizo hili
  • 9 views
  • Last reply by KateL2

cjschris
cjschris
more options

If I want to use custom fonts on my tumblr, I have to host them on an external server. Firefox is the only browser which blocks this option. How do I overcome it?

If I want to use custom fonts on my tumblr, I have to host them on an external server. Firefox is the only browser which blocks this option. How do I overcome it?

All Replies (2)

cor-el
cor-el
  • Moderator
  • Top 10 Contributor
more options

That is only possible if that server send the file with a special HTTP Access Control response header.

See:

In Gecko, web fonts are subject to the same domain restriction (font files must be on the same domain as the page using them), unless HTTP access controls are used to relax this restriction.

KateL2
KateL2
more options

I just downloaded Firefox 19.0.2. I had a problem using @font-face with a font squirrel webkit. The fonts wouldn't display properly in Firefox, but they were fine in Safari and Chrome.

Turns out there is a hidden preference in Firefox that needs to be checked in order for Firefox to display custom fonts on a web page.

Firefox Preferences > Content > Fonts & colors > Advanced button > and check the box "Allow pages to use their own fonts, instead of my selections above"

This solved the problem for me, after spending about 4 hours today trying various code alterations that didn't work. Aaargh!

Now Firefox displays the fonts the same as Safari and Chrome.

Modified by KateL2