Question

http://www.milknhny.co.uk/

我的CSS上面有一个字体调用，但是对于一个奇怪的事情，它在我的作品中没有显示在chrome上，但在家里工作！

我的电话是：

@font-face {
 font-family: Bazar;
 src: url(http://www.milknhny.co.uk/fonts/Bazar.ttf);
 src: url(http://www.milknhny.co.uk/fonts/Bazar.eot);
 src: url(http://www.milknhny.co.uk/fonts/Bazar.svg);
 src: url(http://www.milknhny.co.uk/fonts/Bazar.woff);
 }

任何想法为什么它不会在我的chrome上工作，因为我想通过调用以上所有它适合跨浏览器。

感谢

更新： - 以下修复了Chrome问题...但是仍然无法在IE中运行...有任何想法吗？

Answer 1

我通过以下方式解决了这个问题:(略有变化）

@font-face {
font-family: 'Bazar';
src: url('fonts/bazar.eot');
src: url('fonts/bazar.eot?#iefix') format('embedded-opentype'),
     url('fonts/bazar.woff') format('woff'),
     url('fonts/bazar.ttf') format('truetype'),
     url('fonts/bazar.svg#bazarmedium') format('svg');
font-weight: normal;
font-style: normal;

}

非常感谢：D

Answer 2

您可能实际上没有上传过字体文件。这似乎导致了重定向，然后是服务器的404 Not Found响应。（最初的问题是格式错误的@font-face规则，您在答案中已修复此问题。）

现在问题似乎已经解决了。

字体未在Chrome上显示

2 个答案: