css - Chrome 上不显示字体

标签 css fonts font-face

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

我在我的 CSS 上有一个 fontface 调用,但奇怪的是它在我的工作中没有显示在 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 中工作...有什么想法吗?

最佳答案

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

问题似乎已经解决了。

关于css - Chrome 上不显示字体,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13235247/

相关文章:

css - 当大于 X 时,在父级内缩放图像,保留透视图

javascript - Raphael JS PieChart 选择部分

css - 在 LESS 中使用 mixin 作为函数时如何创建唯一变量?

css - 字体大小。我能确定什么?

html - Opera/Safari 以不寻常的像素化方式显示我的自定义字体 (Fontface)。

html - @font-face 在本地工作,在使用 url 时不工作

html - 添加页面/链接

java - 如何为 PdfContentByte 设置下划线——iText

css - Firefox 附加组件字体更改

css - 通过 CSS 在本地加载字体