Question

您好我使用@font-face的css3s技术将字体导入网站。我之前在多个站点上实现了这项技术，所以我不确定发生了什么。

我甚至尝试使用googles API来驱动它。所以，也许这是代码中的一个缺陷，我需要一双新鲜的眼睛指向我。

CSS

@font-face {
    font-family: "avant_gardebookregular";
    src: url("template/fonts/avantgardebook/avantgardebook-webfont.ttf") format('truetype'    );
    /*    src: url('/template2/fonts/avantgardebook/avantgardebook-webfont.eot?#iefix') format    ('embedded-opentype'),
         url('/template2/fonts/avantgardebook/avantgardebook-webfont.woff') format('woff')    ,
         url('/template2/fonts/avantgardebook/avantgardebook-webfont.eot') format (    'embedded-opentype'),
     url('/template2/fonts/avantgardebook/avantgardebook-webfont.    svg#avant_gardebookregular') format('svg');*/
    font-weight: normal;
    font-style: normal;
}

p, a { font-family: "avant_gardebookregular" }

看到该网站转到http://www.megareel.co.uk/services/ I.E（正如预期的那样不起作用）但是可靠的ol'firefox就像IE一样。谷歌Chrome应该是这样的！

Answer 1

因为文件不在你告诉你的css的地方，所以：

http://www.hydro-cleansing.com/minisites/template2/fonts/avantgardebook/avantgardebook-webfont.woff

给出了404

.ttf文件就在那里，这就是Chrome正确的原因。

此外，还有其他资源返回404错误：

你有一个JavaScript错误：未捕获的TypeError：无法读取null main.js的属性'offsetWidth'：40

@ font-face - 为什么不显示字体？

1 个答案: