font-awesome not loading fonts with Firefox

[rivets]

Firefox and IE need some header settings before web-fonts will load properly. Chrome and Safari seem to be fine.

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

location ~* .(eot|ttf|woff)$ {
add_header Access-Control-Allow-Origin *;
}

Not sure how to attach a screenshot in this system! But if you go to http://catless.ncl.ac.uk/cs-mobile in Firefox or IE you should be able to see it happen : the search icon and the left and right arrows on the carousel show as boxes rather than icons

[StevenClontz]

Haha, only three hours later I see someone else has come to report the same thing I just found.

Timestamp: 8/24/12 1:40:08 PM
Error: downloadable font: download failed (font-family: "FontAwesome" style:normal weight:normal stretch:normal src index:1): bad URI or cross-site access not allowed
source: http://netdna.bootstrapcdn.com/font-awesome/2.0/font/fontawesome-webfont.woff
Source File: http://127.0.0.1:8000/static/css/site.css
Line: 0
Source Code:
@font-face { font-family: "FontAwesome"; font-style: normal; font-weight: normal; src: url("http://netdna.bootstrapcdn.com/font-awesome/2.0/font/fontawesome-webfont.eot?#iefix") format("embedded-opentype"), url("http://netdna.bootstrapcdn.com/font-awesome/2.0/font/fontawesome-webfont.woff") format("woff"), url("http://netdna.bootstrapcdn.com/font-awesome/2.0/font/fontawesome-webfont.ttf") format("truetype"), url("http://netdna.bootstrapcdn.com/font-awesome/2.0/font/fontawesome-webfont.svg#FontAwesome") format("svg"); }

Please set Access-Control-Allow-Origin to * so this service can be used by those who need to support Firefox and IE! Thanks!

[jdorfman]

@StevenClontz @tjasko is going to fix this asap.

[StevenClontz]

Much appreciated!

[rivets]

Ditto

Sent from my iPad

On 24 Aug 2012, at 21:39, "StevenClontz" <notifications@github.commailto:notifications@github.com> wrote:

Much appreciated!

—
Reply to this email directly or view it on GitHubhttps://github.com//issues/27#issuecomment-8014186.

[tjasko]

Just pushed the change to v2.1. We are adding it in now!

[StevenClontz]

When will this be made available? I'm still receiving the same error on http://teloga.com using Firefox or IE.

[jdorfman]

@StevenClontz should be fixed now. There was a typo in the .htaccess file. I checked the headers on each file:

curl -I http://netdna.bootstrapcdn.com/font-awesome/2.0/font/fontawesome-webfont.eot
HTTP/1.1 200 OK
Date: Mon, 27 Aug 2012 21:33:29 GMT
Content-Type: application/vnd.ms-fontobject
[clipped]
Access-Control-Allow-Origin: *
Server: NetDNA-cache/2.2
Expires: Wed, 26 Sep 2012 21:33:29 GMT
X-Cache: HIT
Accept-Ranges: bytes

curl -I http://netdna.bootstrapcdn.com/font-awesome/2.0/font/fontawesome-webfont.ttf
HTTP/1.1 200 OK
Date: Mon, 27 Aug 2012 21:35:56 GMT
Content-Type: application/x-font-ttf
[clipped]
Access-Control-Allow-Origin: *
Server: NetDNA-cache/2.2
Expires: Wed, 26 Sep 2012 21:35:56 GMT
X-Cache: HIT
Accept-Ranges: bytes

curl -I http://netdna.bootstrapcdn.com/font-awesome/2.0/font/fontawesome-webfont.woff
HTTP/1.1 200 OK
Date: Mon, 27 Aug 2012 21:38:34 GMT
Content-Type: application/x-font-woff
[clipped]
Access-Control-Allow-Origin: *
Server: NetDNA-cache/2.2
Expires: Wed, 26 Sep 2012 21:38:34 GMT
X-Cache: HIT
Accept-Ranges: bytes

[StevenClontz]

Looks great!! Thanks!

On Mon, Aug 27, 2012 at 4:40 PM, Justin Dorfman notifications@github.comwrote:

@StevenClontz https://github.com/StevenClontz should be fixed now.
There was a typo in the .htaccess file. I checked the headers on each file:

curl -I http://netdna.bootstrapcdn.com/font-awesome/2.0/font/fontawesome-webfont.eot
HTTP/1.1 http://netdna.bootstrapcdn.com/font-awesome/2.0/font/fontawesome-webfont.eotHTTP/1.1 200 OK
Date: Mon, 27 Aug 2012 21:33:29 GMT
Content-Type: application/vnd.ms-fontobject
[clipped]
Access-Control-Allow-Origin: *
Server: NetDNA-cache/2.2
Expires: Wed, 26 Sep 2012 21:33:29 GMT
X-Cache: HIT
Accept-Ranges: bytes

curl -I http://netdna.bootstrapcdn.com/font-awesome/2.0/font/fontawesome-webfont.ttf
HTTP/1.1 http://netdna.bootstrapcdn.com/font-awesome/2.0/font/fontawesome-webfont.ttfHTTP/1.1 200 OK
Date: Mon, 27 Aug 2012 21:35:56 GMT
Content-Type: application/x-font-ttf
[clipped]
Access-Control-Allow-Origin: *
Server: NetDNA-cache/2.2
Expires: Wed, 26 Sep 2012 21:35:56 GMT
X-Cache: HIT
Accept-Ranges: bytes

curl -I http://netdna.bootstrapcdn.com/font-awesome/2.0/font/fontawesome-webfont.woff
HTTP/1.1 http://netdna.bootstrapcdn.com/font-awesome/2.0/font/fontawesome-webfont.woffHTTP/1.1 200 OK
Date: Mon, 27 Aug 2012 21:38:34 GMT
Content-Type: application/x-font-woff
[clipped]
Access-Control-Allow-Origin: *
Server: NetDNA-cache/2.2
Expires: Wed, 26 Sep 2012 21:38:34 GMT
X-Cache: HIT
Accept-Ranges: bytes

—
Reply to this email directly or view it on GitHubhttps://github.com//issues/27#issuecomment-8071790.

War Eagle!

Steven Clontz
Auburn University Doctoral Candidate and Instructor (Mathematics)
steven.clontz@gmail.com - steven.clontz@auburn.edu
APP5: Puzzle Patrol II Organizer
http://app5.jdabbs.com
A.M.P.'d Challenge II Organizer
http://bit.ly/AUampd
Teloga Musician Networks - Co-Owner
http://teloga.com - steven@teloga.com

[rivets]

Nope, definitely not working for me. Still seeing substitute error characters.

L.

-----Original Message-----
From: Justin Dorfman [mailto:notifications@github.com]
Sent: 27 August 2012 22:40
To: netdna/bootstrap-cdn
Cc: rivets
Subject: Re: [bootstrap-cdn] font-awesome not loading fonts with Firefox (#27)

@StevenClontz https://github.com/StevenClontz should be fixed now. There was a typo in the .htaccess file. I checked the headers
on each file:

curl -I http://netdna.bootstrapcdn.com/font-awesome/2.0/font/fontawesome-webfont.eot
HTTP/1.1 200 OK
Date: Mon, 27 Aug 2012 21:33:29 GMT
Content-Type: application/vnd.ms-fontobject
[clipped]
Access-Control-Allow-Origin: *
Server: NetDNA-cache/2.2
Expires: Wed, 26 Sep 2012 21:33:29 GMT
X-Cache: HIT
Accept-Ranges: bytes

curl -I http://netdna.bootstrapcdn.com/font-awesome/2.0/font/fontawesome-webfont.ttf
HTTP/1.1 200 OK
Date: Mon, 27 Aug 2012 21:35:56 GMT
Content-Type: application/x-font-ttf
[clipped]
Access-Control-Allow-Origin: *
Server: NetDNA-cache/2.2
Expires: Wed, 26 Sep 2012 21:35:56 GMT
X-Cache: HIT
Accept-Ranges: bytes

curl -I http://netdna.bootstrapcdn.com/font-awesome/2.0/font/fontawesome-webfont.woff
HTTP/1.1 200 OK
Date: Mon, 27 Aug 2012 21:38:34 GMT
Content-Type: application/x-font-woff
[clipped]
Access-Control-Allow-Origin: *
Server: NetDNA-cache/2.2
Expires: Wed, 26 Sep 2012 21:38:34 GMT
X-Cache: HIT
Accept-Ranges: bytes

—
Reply to this email directly or view it on GitHub #27 (comment) .

https://github.com/notifications/beacon/sIIMNs3WKvjGIr9dPL9dF_cRwEF7REUWFEBz2YBQpAougkF76C-WZnA1NIbIDEM5.gif

[tjwebb]

Still not working.

[jdorfman]

@tjwebb can you provide a URL?

[tjwebb]

Just like everyone else, it substitutes error characters.

http://weatherblur-staging.herokuapp.com/collect/

[jdorfman]

@tjwebb checking

[jdorfman]

@tjwebb you are not pointing to the CDN:

[tjwebb]

You just copied/pasted out-of-the-box Font Awesome code and are telling me that the path isn't correct...so that's kind of awkward. And why does it work in every other browser?

You're running into the exact problem I'm trying to illustrate: your code works perfectly in Chrome, Safari, and even IE, but not Firefox.

[jdorfman]

@tjwebb it is not my code, we just host the assets. If you have issues with the code, create open an issue with the developer: https://github.com/FortAwesome/Font-Awesome/issues