我的 Ruby on Rails 应用讨厌自定义字体，我不知道为什么。以下是我经历的一些错误和故障排除。
首先，只有在 PC 上的 Google Chrome 上才会出现毁灭性的显示错误。文本将重叠，同一 div 中的段落将具有不同的宽度，按钮将具有缩短的宽度，副本将在页面上向右移动......到某些站点无法使用的地步。我终于发现浏览器似乎没有正确理解字体。如果我使用像 Arial 和 Georgia 这样的网络安全字体，问题就会消失。所以我想我服务器上的@font-face 字体可能已经损坏了。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
关于为什么我的应用拒绝字体的任何想法？
