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

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

首先,只有在PC上的谷歌浏览器上发生了破坏性的显示错误。 文本将重叠,在同一个div内的段落将有不同的宽度,button将有缩短的宽度,副本将移动到页面上的权利…一些网站是无法使用的点。 我终于明白,浏览器似乎不正确地理解字体。 如果我使用像arial和georgia这样的websafe字体,问题就会消失。 所以我认为也许我服务器上的@ font-face字体已经损坏了。 Chrome问题也只会出现在更高版本的Chrome(20以上)上。 最奇怪的是,它只是间歇性地发生。 有时页面显示正常,有时看起来很疯狂。 这已经发生在多台计算机上,caching清理似乎不会影响错误。

然后,我将Adobe的Typekit集成到服务器中,而不是从服务器提供字体。 现在,显示错误消失了,但是所有的Windows浏览器都忽略了typekit字体,而是显示了备用字体。 这就是Windows,IE,Firefox和Chrome,各种版本。

该网站是Ruby on Rails的一部分,部分PHP(WordPress),这些问题只发生在Ruby on Rails页面上。 我认为是损坏的字体文件是相同的字体文件,在网站的PHP一边漂亮地工作。

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

该网站目前有服务器托pipe的字体生活(与铬错误)。 网站上发生这种情况的页面: http : //levoleague.com/jobs

任何想法,为什么我的应用程序拒绝字体?

段落流失的页面

文本重叠

Tds重叠

下拉列表中的无意义字符