2014-04-12 50 views
1

像這樣定義的CSS字體是沒有得到應用的Firefox

@font-face 
{ 
font-family: myFirstFont; 
src:url(../font/schonanblack.ttf); 
} 

JS錯誤

downloadable font: download failed (font-family: "myFirstFont" style:normal weight:normal stretch:normal src index:0): bad URI or cross-site access not allowed 
source: `http://www.himanshu1234.net63.net/MoneyManager/css/font/schonanblack.ttf` 

並用這樣的

.UserName2 
{ 
    display:block; 
    float:right; 
    /*background-color:#0CF;*/ 
    color:#666; 
    font-family:myFirstFont; 
    font-size:16px; 
    font-weight:500; 
    margin-bottom:10px; 
    padding:10px; 
    border-radius:7px; 
} 

是越來越適用於Chrome,但不在Firefox和IE上

當我改變了它從url(../font/schonanblack.ttf)url(font/schonanblack.ttf)。它開始在IE工作,但在Chrome也停止..,但仍不能在Firefox工作

回答

0

有是一個Firefox的安全策略不允許你從一個文件夾上面加載字體css文件。簡單的版本:你不能在firefox中的font-face源代碼中使用..

做如下:

  • 移動myfont.ttf到/public_html/css/font/myfont.ttf
  • 改變你的CSS像下面這樣:

@font-face { 
    font-family: myFirstFont; 
    src: url(font/schonanblack.ttf); 
} 

這個錯誤是來自瀏覽器沙箱的限制。他們需要確保不同域之間的安全性(「跨域策略」)。你會看到在螢火蟲控制檯的錯誤,這是一個很好的調試工具。

+0

的文件是公開的HTML 然後字體是..公共HTML – user32876

+0

請詳細說明發現的文件夾結構的文件夾: /public_html/your_css.css和 /public_html/font/schonanblack.ttf? font-face在your_css.css中定義? –

+0

它在IE中工作,但現在仍然不能在Firefox中工作..並且也停止在Chrome中工作! – user32876