@字体面不工作的其他计算机

Question

我一直对我的第一个HTML5/CSS3网站，它已经顺利大部分。完全热爱新的@ font-face属性，它在我的机器上完美运行。我遇到的问题是在另一台设备（计算机，ipad，iphone）上预览时，它似乎并未识别@ font-face属性，而是使用后备字体。

网站链接：http://williamben.com/

下面是我使用的CSS：

@font-face { font-family: 'League Gothic'; 
      src: url('_/type/league_gothic.otf') format('otf'); 
} 

任何帮助，将不胜感激。

在此先感谢。

Answer 1

它正在你的计算机上为您安装的字体。如果你禁用字体，它将不起作用。这是一种常见的错误，使用网络字体作为人们使用的大多数字体，他们也已经安装了网络字体，所以如果网络字体声明是错误的，他们不会发现它。

它看起来像的原因是因为你指向一个不存在的字体，或者你有路径错误。 http://williamben.com/_/type/league_gothic.otf不存在。

Answer 2

同意dstorey。此外，也许检查字体松鼠获得更多的报道： http://www.fontsquirrel.com/fontface/generator

Answer 3

从事物的织机文件路径可能是错误的。但是你仍然想使用fontsquirrel生成器，因为它会给你更多的代码行，以确保字体在每个浏览器附近工作。如果一切都失败，那么可以回退到基本字体堆栈。