设计师向我发送了一些要在网站上使用的字体。这是我的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,没有人看到错误,或者有一些建议来解决此问题,因为在Linux或Windows上,无论您使用的是chrome,Safari, IE,歌剧等等。

感谢您的帮助。

更新



css文件上的行:

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

最佳答案

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

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

关于html - 网络字体仅适用于Mac上的Chrome和Safari,,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/26033872/

10-11 00:10