@font面剂量在Firefox和IE上起作用

Question

嗨，我这里有关于@font脸的问题。我的网站上需要使用字体。但它仅适用于Chrome，在Firefox和IE上没有运气。所以我从互联网上搜索，发现以下代码在所有浏览上都运行良好。

@font-face {
    font-family: 'Gradient';
    src:url("http://themes.googleusercontent.com/static/fonts/opensanscondensed/v7/gk5FxslNkTTHtojXrkp-xF1YPouZEKgzpqZW9wN-3Ek.woff") format("woff"); 
    }

但是，一旦我下载它并将其放在我的服务器上，它就无法再次工作：

@font-face {
        font-family: 'Gradient';
        src:url("gk5FxslNkTTHtojXrkp-xF1YPouZEKgzpqZW9wN-3Ek.woff") format("woff"); 
    }

所以我尝试使用 url 在我的服务器上包含 woff 文件，但不起作用：

 @font-face {
        font-family: 'Gradient';
        src:url("http://mywebsite/mypath/gk5FxslNkTTHtojXrkp-xF1YPouZEKgzpqZW9wN-3Ek.woff") format("woff"); 
    }

任何人都可以解释为什么？ 不同服务器上的相同文件一个运行良好，另一个运行良好。

非常感谢珍妮

Answer 1

Firefox 和 IE 不允许你从另一个域中提取字体。将字体文件移动到网站所在的同一文件夹中，它们将起作用。