2013-02-15 7 views
5

私はサーバで自分のフォントを変更しましたが、ブラウザが古いバージョンのcssファイルを取得して、フォントを書き出し、キャッシュをリセットする方法、ブラウザのキャッシュを削除しようとしました古いファイルcssを削除しても、古いCSを取得しています。サーバーを再読み込みしようとしましたが、それを修正する方法はありますか?cssフォントのキャッシュをリセットするには

答えて

0

ページがリロードされるたびに、ブラウザが強制的にCSSを更新するようにランダムリンクを生成することができます。

<link rel="stylesheet" type="text/css" href="/css/file.css?v=<?php echo rand(1000,10000) ?>"> 
+0

これはテスト目的のための良いアイデアですが、プロダクションでは避けてください。ページロード時間が大幅に増加します。 –

1

実行します:ブラウザでCtrl + F5を

0

では、古いフォントがまだページに追加されていないことを確認するために別のブラウザでページを表示しようとしたことがありますか?

同じCSSファイルを使用している場合は、CSSファイルに移動して、Ctrl + F5でハードリフレッシュを実行できます。

また、私はあなたのキャッシュをクリアする前に完全にページを閉じることも役立つことがわかりました!

3

これはFirefoxでのみ発生することに気付きましたが、これは非常に面倒ですが、ここで同じ状況であれば、SHIFT + CMD + Rでリフレッシュしてください(Macの場合は、窓の代替は、Ctrl + Shiftキー+ Rである)

0

はブラウザがローカルのフォントが表示されていないことを確認してください:)あなたのフォントを表示する必要があります+あまりにもそのページのキャッシュをクリアだろう - 私はほとんど一時間を過ごしましたFirefoxのフォントキャッシュをクリアする方法を解明しようとしていますが、問題はそれとは関係ありません。

ウェブサーバーのログを確認してください:フォントファイルはダウンロードされていますか?そうでない場合は、ローカルフォントを使用している可能性があります。

この実際のケースのシナリオを検討:

@font-face{ 
    font-family: SuperFont; 
    src: url('../fonts/Superfont.ttf'), 
} 

を私はは、この行の無効なCSSを作っ終了コンマに気付いていない、src定義の一部を除去し、どこからこのコードをcopypasted。したがって、フォントはダウンロードされませんでした。

しかし、私はすでにスーパーファントをローカルにインストールしていたので、のように見えました。ブラウザがfont-familyを認識したためです。フォントをテストするときに、明確なカスタムfont-family名を使用します。まあ、まで、私は...

道徳をフォントファイルを変更することを決めたが、CSSファイルの更なる改良を惜しまするfont-family定義を維持します。

関連する問題