Note that there are some explanatory texts on larger screens.

plurals
  1. POFont-awesome not properly displaying on Firefox / how to vend via CDN?
    primarykey
    data
    text
    <p>I can't get font-awesome to display properly in firefox, even in localhost. I'm receiving the following cross domain error:</p> <pre><code>Timestamp: 08/08/2012 02:49:37 PM Error: downloadable font: download failed (font-family: "FontAwesome" style:normal weight:normal stretch:normal `src index:2): bad URI or cross-site access not allowed source: http://localhost:3000/djpsite/baseadmin/font/fontawesome-webfont.ttf Source File: http://localhost:3000/djpsite/baseadmin/css/font-awesome.css Line: 0 Source Code: @font-face { font-family: "FontAwesome"; font-style: normal; font-weight: normal; src: url("../font/fontawesome-webfont.eot?#iefix") format("embedded-opentype"), url("../font/fontawesome-webfont.woff") format("woff"), url("../font/fontawesome-webfont.ttf") format("truetype"), url("../font/fontawesome-webfont.svg#FontAwesome") format("svg"); } </code></pre> <p>I used double quotes as suggested by this post: <a href="https://stackoverflow.com/questions/11072655/firefox-font-face-fail-with-fontawesome">firefox @font-face fail with fontawesome</a> but that didn't resolve the problem.</p> <p>Everything works fine in Chrome; any suggestions?</p> <p>Beyond fixing the problem in Chrome, how should I vend font-awesome over a CDN given this restriction: <a href="http://dev.w3.org/csswg/css3-fonts/#default-same-origin-restriction" rel="nofollow noreferrer">http://dev.w3.org/csswg/css3-fonts/#default-same-origin-restriction</a>?</p> <p>Below is the code from my CSS file:</p> <pre><code>@font-face { font-family: 'FontAwesome'; src: url("../font/fontawesome-webfont.eot"); src: url("../font/fontawesome-webfont.eot?#iefix") format('embedded-opentype'), url("../font/fontawesome-webfont.woff") format('woff'), url("../font/fontawesome-webfont.ttf") format('truetype'), url("../font/fontawesome-webfont.svg#FontAwesome") format('svg'); font-weight: normal; font-style: normal; } </code></pre> <p>Thanks for your help!</p>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload