Question

这是一个网站; http://summerlove.com.au我们使用特定的字体系列来表示“SummerLove”。但是Firefox和IE浏览器的字体系列没有改变。我使用过这个css代码;

font-family: hand_of_sean;
src: url(http://einaco.com/Hand_Of_Sean.ttf);

寻求你朋友的快速帮助。

亲切的问候，

Mueedullah K。

Answer 1

Firefox和Internet Explorer具有跨域@font-face用法的相同域策略。

换句话说，除非托管字体文件的域设置为在发出字体文件请求时传递正确的标题（见下文），否则浏览器不会下载/使用您在CSS中指定的字体。如果字体托管在同一个域中，则不会出现此问题。

如果检查为您提到的字体文件发送的响应标头，您将看到它缺少正确的响应标头以允许字体跨域工作。具体来说，它缺失了：

Access-Control-Allow-Origin：*

如果答案中存在，那就可以了。您必须与服务器/网站的所有者交谈才能更改。或者，如果您在与您的网站相同的域上托管该字体，则不需要此标头。

与您的具体问题无关，我还建议您阅读本文，以便更好地了解您应该使用的CSS：

http://www.paulirish.com/2009/bulletproof-font-face-implementation-syntax/

正如那篇文章所指出的，Font Squirrel字体生成器可以很好地获得正确的CSS以及字体的正确格式：

http://www.fontsquirrel.com/tools/webfont-generator

Answer 2

使用以下网站生成网络字体。

http://www.fontsquirrel.com/tools/webfont-generator

@font-face {
    font-family: 'open_sans';
    src: url('Hand_Of_Sean.eot');
    src: url('Hand_Of_Sean.eot?#iefix') format('embedded-opentype'),
         url('Hand_Of_Sean.woff') format('woff'),
         url('Hand_Of_Sean.ttf') format('truetype'),
  }

这与大多数浏览器兼容。

Firefox和IE中没有更改字体

2 个答案: