Question

@fontface在我加载http://www.grozav.com时无效但在http://grozav.com上无效。

我该怎么做才能解决这个问题？

 @font-face {
    font-family: Impact;
    font-weight:bold;
    src: url('http://grozav.com/font/impact.ttf');
    src: url('http://www.grozav.com/font/impact.ttf');}

@font-face {
    font-family: MisterGiacco-Bold;
    font-weight:bold;
    src: url('http://grozav.com/font/giacco.ttf');
    src: url('http://www.grozav.com/font/giacco.ttf');}

我尝试了2个网址。没工作。有人可以帮我这个吗？

Answer 1

为什么要指定完整的网址？只是说：

src: url('/font/giacco.ttf');

可能是@fontface无法跨域工作的情况。 FireFox存在此问题。

但是如果您使用同一域内的文件，则不要指定完整域，只提供ttf文件的路径。

Answer 2

这绝对是网址，但为什么呢？显然@ font-face并不关心跨域问题而是firefox做什么，所以为了让它在firefox中使用跨域你应该设置你的服务器（apache？）以避免对一个或多个域的这种限制，下一页有一些关于此的信息： http://www.cssbakery.com/2010/07/fixing-firefox-font-face-cross-domain_25.html

我想最简单的选择是@ Curt的选择;）

@fontface适用于http://www.domain.com但不适用于http://domain.com

2 个答案: