Question

您好我在这里有关于@ font-face的问题。我的字体需要在我的网站上使用。但它只适用于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不允许您从其他域中提取字体。将字体文件移动到网站所在的同一文件夹中，它们将起作用。

@ font-face剂量工作在firefox和IE上

1 个答案: