设计师向我发送了一些要在网站上使用的字体。这是我的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/