css字体系列：为什么某些字体不能在移动设备上呈现

Question

有人知道为什么我的某些字体系列无法在某些移动设备上呈现？这是一个演示字体的页面：

http://jl.evermight.com/font/

在桌面Chrome浏览器，ipad和iphone上正确呈现字体。 但是，当我在我的银河系记录中查看该页面时，“有一个美好的一天”字体呈现为看起来像arial的东西。在我的朋友nexus 4上，有一个美好的一天工作得很好，但宇宙凝聚呈现为看起来像arial的东西。

有谁知道为什么？

我附上了字体应该是

的截图

附加说明 有些人声称有一个美好的一天不适用于Firefox或IE10。对我来说，该字体适用于Firefox。我没有IE10，所以无法验证。

如何让这个字体在我的android上运行？

附加说明 在我的css文件的链接路径中输入错误。我现在纠正了。但问题仍出现在我的机器人浏览器中。

Answer 1

刚试了一下手机上的链接 - HTC 8s ，一切似乎都运转正常。下面是截图。

ON HTC 8S

ON IE 10

Answer 2

这可能是下载问题。您的声明中列出的字体应该适用于大多数浏览器（只是确保您不在Opera Mini中，它实际上并不支持很多东西）。

此外，通过CSS文件中的@font-face声明加载了美好的一天，但其他人似乎是从JavaScript加载的，这可能是问题的一部分。默认情况下，Droid Sans在Android手机上，所以他们可能只是在本地拉动它们，这就是他们在Android上全面工作的原因。从那里，它可能是JavaScript支持的差异（例如，如果Universe不起作用，则JS不会打开）。

另一件可能有用的事情是在桌面浏览器中打开不起作用的开发人员工具（在Firefox的情况下，你需要选择Firebug扩展）。检查“网络”或“网络”选项卡，查看您的字体文件是否已下载。

如果仍然无效，请尝试使用声明中字体文件的顺序。我见过浏览器对订单有疑问。

此外，Droid Serif字体可从Google Web Fonts获得，它可以轻松地在浏览器中运行。如果您的其他字体（或接近的字体）也存在，那么可能值得一看，并且只需使用Google的Web字体加载器来加载字体。

Answer 3

问题已得到解决。显然，myfonts.com上有一个错误，它破坏了我的字体文件。我联系了myfonts.com，他们马上纠正了这个问题。然后重新发给我字体文件。现在一切都很完美。

myfonts.com的人都很棒。非常好的客户+技术支持服务。

Answer 4

以下是我如何使用@fontfaces实现跨浏览器兼容性的链接。

Cross Browser Fontface