Question

在css中定义如下

@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中工作

Answer 1

有一个firefox安全策略不允许您从css文件上方的文件夹加载字体。简单版本：您无法在firefox中的font-face源中使用..

执行以下操作：

将myfont.ttf移至/public_html/css/font/myfont.ttf
改变你的css如下：

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

此错误是浏览器沙箱的限制。他们需要确保不同域之间的安全性（＆＃34;跨域策略＆＃34;）。你会在firebug控制台中看到一个错误，这是一个很好的调试工具。

字体未在Firefox上应用

1 个答案: