search

seyhunak / twitter-bootstrap-rails

Twitter Bootstrap for Rails 6.0, Rails 5 - Rails 4.x Asset Pipeline
https://github.com/seyhunak/twitter-bootstrap-rails
4.5k stars 996 forks source link

Firefox: invalid version tag (fontawesome-webfont.eot?#iefix) #370

Closed manu3569 closed 10 years ago

manu3569 commented 12 years ago

The two errors below are logged by Firefox upon page loads. Any ideas as to what's causing it.

Related:

https://github.com/seyhunak/twitter-bootstrap-rails/issues/292

Firefox Errors:

Timestamp: 9/15/12 12:44:12 PM
Error: downloadable font: invalid version tag (font-family: "FontAwesome" style:normal weight:normal stretch:normal src index:0)
source: http://0.0.0.0:3000/assets/fontawesome-webfont.eot?#iefix
Source File: http://0.0.0.0:3000/assets/application.css
Line: 0
Source Code:
@font-face {   font-family: "FontAwesome";   font-style: normal;   font-weight: normal;   src: url("/assets/fontawesome-webfont.eot?#iefix"), url("/assets/fontawesome-webfont.woff"), url("/assets/fontawesome-webfont.ttf"), url("/assets/fontawesome-webfont.svg#FontAwesome"); }

Timestamp: 9/15/12 12:44:12 PM
Error: downloadable font: rejected by sanitizer (font-family: "FontAwesome" style:normal weight:normal stretch:normal src index:0)
source: http://0.0.0.0:3000/assets/fontawesome-webfont.eot?#iefix
Source File: http://0.0.0.0:3000/assets/application.css
Line: 0
Source Code:
@font-face {   font-family: "FontAwesome";   font-style: normal;   font-weight: normal;   src: url("/assets/fontawesome-webfont.eot?#iefix"), url("/assets/fontawesome-webfont.woff"), url("/assets/fontawesome-webfont.ttf"), url("/assets/fontawesome-webfont.svg#FontAwesome"); }

application.css - excerpt

@font-face{font-family:'FontAwesome';src:url("/assets/fontawesome-webfont.eot");src:url("/assets/fontawesome-webfont.eot?#iefix"),url("/assets/fontawesome-webfont.woff"),url("/assets/fontawesome-webfont.ttf"),url("/assets/fontawesome-webfont.svg#FontAwesome");font-weight:normal;font-style:normal}

boostrap_and_overrides.css.less

@fontAwesomeEotPath: "/assets/fontawesome-webfont.eot";
@fontAwesomeWoffPath: '/assets/fontawesome-webfont.woff';
@fontAwesomeTtfPath: '/assets/fontawesome-webfont.ttf';
@fontAwesomeSvgPath: '/assets/fontawesome-webfont.svg';

// Font Awesome
@import "fontawesome";

Environment:

Firefox: 15.0.1 Using less-rails (2.2.3) Using rails (3.2.8) Using twitter-bootstrap-rails (2.1.3) from git://github.com/seyhunak/twitter-bootstrap-rails.git (at master)

toadkicker commented 11 years ago

Firefox doesn't support EOT, you can ignore this really. But the complaint is because you have single and double quotes in your overrides. Use double quotes.

manu3569 commented 11 years ago

@toadkicker:

Firefox gets the generated application.css file, and all font URLs are double quotes, so the quotes in the override file shouldn't matter, right?

@font-face{font-family:'FontAwesome';src:url("/assets/fontawesome-webfont.eot");src:url("/assets/fontawesome-webfont.eot?#iefix"),url("/assets/fontawesome-webfont.woff"),url("/assets/fontawesome-webfont.ttf"),url("/assets/fontawesome-webfont.svg#FontAwesome");font-weight:normal;font-style:normal}

Why is it only complaining about the EOT font with the #iefix hash?

Is there no workaround or hack to prevent FF from throwing the error?

toadkicker commented 11 years ago

I just fixed this https://github.com/toadkicker/twitter-bootstrap-rails/commit/363ca64d0df80c24f15edcc6862e882d232e25bf