私の Ruby on Rails アプリはカスタム フォントを嫌いますが、その理由がわかりません。以下は、私が経験したエラーとトラブルシューティングの一部です。
まず、PC の Google Chrome でのみ発生する壊滅的な表示エラーがありました。テキストが重なり、同じ div 内の段落の幅が異なり、ボタンの幅が短くなり、コピーがページの右側に移動し、一部のサイトが使用できなくなるまで. 最終的に、ブラウザーがフォントを正しく認識していないように見えることがわかりました。Arial や Georgia などの Web セーフ フォントを使用すると、問題は解消されました。そのため、サーバーにある @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
アプリがフォントを拒否する理由について何か考えはありますか?
