@font-face doesn't work with external links, leaving me with no solution on my Tumblr but to not support Firefox
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?
所有回覆 (2)
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.
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.
由 KateL2 於 修改