CODEWITHSUNDEEP
cssfirefoxcross-domainfont-facetumblr
user3701088
user3701088

Reputation: 21

Webfont not loading on firefox

I have an issue loading a font on Firefox. I keep receiving an error message even though I tried using a webfont. I am using it on Tumblr and uploaded the fonts via the theme assets. Here is the Error I get:

Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at http://static.tumblr.com/**/****/neona-webfont.woff. This can be fixed by moving the resource to the same domain or enabling CORS. neona-webfont.woff downloadable font: download failed (font-family: "neonaregular" style:normal weight:normal stretch:normal src index:1): bad URI or cross-site access not allowed source: http://static.tumblr.com/**/****/neona-webfont.woff

Would anyone know a way to fix this issue?

In advance, Thank you.

Upvotes: 2

Views: 3759

Answers (2)

user3805975
user3805975

Reputation: 11

BTW, this will also fail soon with Chrome 37, because Chromes behaviour is fixed and will follow the spec and Firefox, IE 10, IE 11.

http://crbug.com/286681 https://groups.google.com/a/chromium.org/forum/#!topic/blink-dev/sU138vJ_PI0

Upvotes: 1

Victor
Victor

Reputation: 759

I assume you don't have access to static.tumblr.com , if so there isn't a solution to your problem (that I know of).

Reason:

Firefox blocks cross-domain fonts by default, unless the server sends a specific header. This header can be send by adding this to the .htaccess file:

<FilesMatch "\.(ttf|otf|eot|woff)$">
    <IfModule mod_headers.c>
        Header set Access-Control-Allow-Origin "*"
    </IfModule>
</FilesMatch>

But without access to the font server, this isn't possible to do.

Upvotes: 7

Related Questions