所以我无法让@font-face 使用特定字体。是因为字体文件还是我做错了什么?
网站链接:http://carlpapworth.com/friday-quiz/
字体文件路径:ftp://ftp.carlpapworth.com//friday-quiz/fonts/Lobster_1.3.otf CSS:
@font-face {
font-family: lobster;
font-weight: 100;
font-style: normal;
src: url('fonts/Lobster_1.3.otf');
}
如您所见,我调用的其他字体工作正常。 为任何帮助干杯。 C.
最佳答案
提到的页面由 Firefox 显示,没有任何 @font-face
字体。网络日志甚至没有显示任何获取字体的尝试。查看 Firefox 错误控制台(或使用 W3C CSS Validator)会发现 at 规则格式错误:它们以
@font-face {
所以他们被忽略了。奇怪的 可能是某些字符编码出错造成的,但无论如何解决这个问题应该是第一步。如果问题仍然存在,请尝试发布问题仍然出现的最简单的文档。另请注意,.otf 格式不受 IE 支持,也不是网络的最佳字体格式;考虑使用 FontSquirrel @font-face generator用于跨浏览器功能。
关于css - @font-face 不适用于特定字体,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15405205/