所有装有 Ruby on Rails 应用程序（尤其是 Chrome）的 Windows 浏览器上的 Typekit 和@fontface问题

问：

我的 Ruby on Rails 应用程序讨厌自定义字体，我不知道为什么。以下是我经历过的一些错误和故障排除。

首先，只有PC上的Google Chrome浏览器才会发生毁灭性的显示错误。文本将重叠，同一 div 中的段落将具有不同的宽度，按钮的宽度将缩短，副本将在页面上向右移动......以至于某些站点无法使用。我终于发现浏览器似乎没有正确理解字体。如果我使用像 Arial 和 Georgia 这样的 Web 安全字体，问题就会消失。所以我想，也许我的服务器上的@font面字体已经损坏了。Chrome 问题似乎也只发生在更高版本的 Chrome（20 及更高版本）上。最奇怪的部分是它只是间歇性地发生。有时页面显示良好，有时看起来很疯狂。这发生在多台计算机上，缓存清除似乎不会影响错误。

然后，我集成了 Adobe 的 Typekit，以从他们的服务器提供字体。现在显示错误消失了，但所有 Windows 浏览器都会忽略 typekit 字体，而是显示回退字体。那是 Windows 上的 IE、Firefox 和 Chrome，各种版本。

该网站部分是 Ruby on Rails，部分是 PHP （WordPress），这些问题只发生在 Ruby on Rails 页面上。我认为损坏的字体文件与在网站的PHP端运行良好的字体文件相同。

以下是服务器托管字体的初始 Chrome 问题的一些屏幕截图。

该网站目前具有服务器托管的字体（带有 Chrome 错误）。发生这种情况的网站上的页面：http://levoleague.com/jobs

关于为什么我的应用程序拒绝字体的任何想法？