web-dev-qa-db-ja.com

Googleのキャッシュはカスタムフォントを使用していません

Google検索でサイトのキャッシュビューを確認すると、Googleはカスタムフォントを使用せず、常に私のフォントをArialに置き換えます。フォントの幅のため、デザイン全体が変化しています。

CSSファイルに次の行がありますが、デスクトップビューとモバイルビューでは問題ありません。

@font-face {
font-family: 'helveticaneuelt_std_lt_cnRg';
src: url('http://www.example.com/css/helveticaneueltstd.eot');
src: url('http://www.example.com/css/helveticaneueltstd.eot?#iefix') format('embedded-opentype'),
url('http://www.example.com/css/helveticaneueltstd.svg') format('svg'),
     url('http://www.example.com/css/helveticaneueltstd.woff') format('woff'),
     url('http://www.example.com/css/helveticaneueltstd.ttf') format('truetype');
    font-weight: normal;
font-style: normal; }

Googleのキャッシュシステムがカスタムフォントを使用しない理由をご存知ですか?

元のサイト: goo.gl/0CCIc8
キャッシュビュー: goo.gl/7NR4E1

更新:base64 modでフォントを使用して解決策を見つけました。

2
deniz

サイトがキャッシュビューで少し異なって見えるのは正常です。キャッシュは通常、サーバーからリソースをロードしようとします。次の場合に問題があります。

  • サイトがダウンしているか遅いため、ユーザーはキャッシュを使用しています
  • ブラウザがクロスドメインでリソースをロードすることは許可されていません

後者はフォントの問題かもしれません。 CSSファイルでbase64を使用してフォントをエンコードすることで回避策を見つけたようです。

ほとんどのウェブマスターは、サイトがGoogleキャッシュでどのように表示されるかについてあまり心配していません。キャッシュに不適切に表示しても、ランキングには影響しません。とにかくそのようなサイトを実際に表示するユーザーはごくわずかです。

1