Firefox和IE中的字体未更改

这是一个网站; http://summerlove.com.au我们正在使用特定的字体家族的单词“SummerLove”。但是，Firefox和IE浏览器的字体家族并没有改变。我已经使用这个CSS代码;Firefox和IE中的字体未更改

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

寻找你的快速帮助我的朋友。

亲切的问候，

Mueedullah K.

来源

2014-01-27 Mueedullah K.

我看到你的问题已经回答，所以我只想指出你迫切需要压缩你的图像。从开始到结束50兆比特FiOS连接，您的站点需要31秒的时间下载。你有3。7兆字节的图像负责大多数，你可以轻松地减少约90％ –

我会补充说，你需要捆绑和缩小你的CSS和JavaScript。但更重要的是，服务器确实将资产退回得很慢。您可能想要考虑使用像AWS Cloudfront这样的CDN。没有多少访客将等待超过3-4的内容下载。 –

Firefox和Internet Explorer有跨域@font-face使用同一个域策略。

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

如果你检查你所提到的字体文件发送的响应头，你会发现它缺少正确的响应头，可以选择字体的工作交叉域。具体地讲，它缺少：

访问控制允许来源：*

如果是出现在应答中，它会工作。您必须与服务器/网站的所有者联系才能更改。或者，如果您将字体托管在您的网站所在的相同域中，则不需要此标题。

无关您的具体问题，我也建议给这个读更好地理解CSS，你应该使用：

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

以及作为文章中指出，字体松鼠字体生成器适用于获取正确的CSS以及正确的字体格式：

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

来源

2014-01-27 04:44:03 matthewpavkov

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

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'), 
    }

这与大多数浏览器兼容。

来源

2014-01-27 04:47:59

Firefox和IE中的字体未更改

回答

相关问题