Web字体仅适用于Chrome和Safari for Mac,

时间:2014-09-25 08:26:31

标签: html css fonts

设计师发给我一些在网站上使用的字体。这是我的fonts.css文件:

/* Delicious */

/* Delicious Bold */

@font-face{ 
    font-family: 'delicious';
    src: url('fonts/delicious-bold-webfont.eot');
    src: url('fonts/delicious-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/delicious-bold-webfont.woff') format('woff'),
         url('fonts/delicious-bold-webfont.ttf') format('truetype'),
         url('fonts/delicious-bold-webfont.svg#webfont') format('svg');
}    

但显然这只适用于我的Mac,但只适用于Chrome和Safari,有没有人看到错误o有一些建议可以解决这个问题,因为在Linux或Windows上无论你使用的是Chrome还是行不通的,野生动物园,IE,歌剧o等等。

感谢您的帮助。

更新


css文件上的行:

font-family: 'delicious', Arial, sans-serif;

1 个答案:

答案 0 :(得分:2)

使用浏览器的开发工具查看文件是否实际被包含在内。

在Chrome中右键单击,检查元素 - > 网络。您应该看到某处包含字体文件。我的猜测是,字体的路径是错误的,或者协议阻止在某些浏览器中访问它们