Question

所以我不能让@ font-face使用特定的字体。是因为字体文件还是我做错了什么？

指向网站的链接：http://carlpapworth.com/friday-quiz/

font-file的路径：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');
}

我可以看到我调用的其他字体工作正常。欢呼任何帮助。下进行。

Answer 1

所提到的页面由Firefox显示，没有任何@font-face字体。网络日志甚至没有显示任何获取字体的尝试。查看Firefox错误控制台（或使用W3C CSS Validator）会发现at-rules格式不正确：它们以

开头

@font-faceÂ {

所以他们被忽略了。奇怪的Â可能是由于某些字符编码出错而导致的，但无论如何解决这个问题应该是第一步。如果问题仍然存在，请尝试发布问题仍然存在的最简单的文档。另请注意，IE不支持.otf格式，也不是Web的最佳字体格式;考虑使用FontSquirrel @font-face generator来实现跨浏览器功能。

Answer 2

试试这个：

@font-face {
    font-family: 'lobster';
    src: url("fonts/lobster.woff") format("woff"),
         url("fonts/lobster.ttf") format("truetype"),
         url("fonts/lobster.svg#webfontszsn4DPI") format("svg");
    font-weight: normal;
    font-style: normal;
}

@ font-face无法使用特定字体

2 个答案: