CSS で使用しているカスタム フォントを取得し、EOT、WOFF、および TTF に変換して、すべてのブラウザーで動作するようにしました。
ご想像のとおり、IE 以外では完全に動作します。それは機能しますが、私の IE8 では、リフレッシュするとフォントの高さが変化し、すべての間隔が空くように見えます...誰かが問題を確認したり、ブラウザだけではないことを確認したりできますか?
CSS で使用しているカスタム フォントを取得し、EOT、WOFF、および TTF に変換して、すべてのブラウザーで動作するようにしました。
ご想像のとおり、IE 以外では完全に動作します。それは機能しますが、私の IE8 では、リフレッシュするとフォントの高さが変化し、すべての間隔が空くように見えます...誰かが問題を確認したり、ブラウザだけではないことを確認したりできますか?
私と同僚は、同じバグで手探りしていました。私たちの環境は Facebook フレームで実行されました。最初にページを (空のキャッシュで) ロードすると、フォントは正常にレンダリングされましたが、単純な更新の後、フォントはカスタム フォントのカーニングなどで Arial に変わりました。また、このバグは HTTP と HTTPS で異なり、HTTP では問題なく動作します。
さまざまなブログ投稿やこのスレッドで説明されている修正をいじり始めましたが、うまくいきませんでした。私は唖然とし、テキストを画像に置き換える準備ができていました.
次に、IE でキャッシュをオフにしてテストしたところ、問題はなくなりました。そこで、ヘッダー レベルでキャッシュをオフにしてみました。かわいくない。しかし、それはうまくいきました。no-cache ヘッダーはフォントにのみ設定され、魅力的に機能しました。
これは私のために働きます。IDを入れて<link>
<link id="main-css" rel="stylesheet" type="text/css" href="/css/styles.css" />
ドキュメントの準備ができたら、このように純粋なjavascriptまたはjQueryを使用します。
//Script
document.getElementById('main-css').href=document.getElementById('main-css').href;
//or Jquery
$('#main-css')[0].href=$('#main-css')[0].href;