字体未应用于firefox

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中的字体源中。

按如下操作：

• 将myfont.ttf移动到/public_html/css/font/myfont.ttf
• 按如下方式更改css：

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

这些错误是来自浏览器沙盒的限制。他们需要确保不同域之间的安全（"跨域策略"）。您可能会在firebug控制台中看到一个错误，这是一个很好的调试工具。