html - @font-face 在其他电脑上不工作

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不存在。