我一直在研究我的第一个HTML5 / CSS3网站，而且大部分时间都进展顺利。完全喜欢新的@ font-face属性，它在我的机器上运行得很好。我遇到的问题是在其他设备（计算机，ipad，iphone）上预览时，它似乎没有识别@ font-face属性而是使用了回退字体。
这是我正在使用的CSS：
@font-face { font-family: 'League Gothic';
src: url('_/type/league_gothic.otf') format('otf');
}
任何帮助都将不胜感激。
提前致谢。
答案 0 :(得分：3)
当您安装了字体时，它正在您的计算机上运行。如果禁用字体，它将无法正常工作。使用网络字体是一个常见的错误，因为人们使用的大多数字体都是他们已经安装的网络字体，所以如果网络字体声明错误，他们就不会发现它。
看起来原因是因为您指向的是不存在的字体，或者您的路径错误。 http://williamben.com/_/type/league_gothic.otf不存在。
答案 1 :(得分：1)
同意dstorey。此外，也许可以查看字体松鼠以获得更多的报道： http://www.fontsquirrel.com/fontface/generator
答案 2 :(得分：0)
从文件路径可能是错误的。但是你仍然想要使用fontsquirrel生成器，因为它会为你提供更多的代码行，以确保字体在每个浏览器附近工作。如果所有其他方法都失败，则会回退到基本字体堆栈。