2017-03-21 12 views
2

プロジェクトでは、TypekitのWebfontloaderを使用してGoogleフォントを読み込みます。 私は、この通常の構文からフォントをロード:フォントgoogle api:ダウンロードしたフォントのデコードに失敗しました

{ 
    "google": { 
     "families": [ 
      "Alegreya Sans:400,400italic,700,700italic", 
      "Arvo:400,400italic,700,700italic", 
      "Averia Libre:400,400italic,700,700italic", 
      "Averia Sans Libre:400,400italic,700,700italic", 
      "Josefin Sans:400,400italic,700,700italic", 
      "Josefin Slab:400,400italic,700,700italic", 
      "Karla:400,400italic,700,700italic", 
      "Lobster Two:400,400italic,700,700italic", 
      "Lora:400,400italic,700,700italic", 
      "Montserrat Alternates:400,400italic,700,700italic", 
      "Playfair Display SC:400,400italic,700,700italic", 
      "Raleway:700italic,700,400italic,400:latin", 
      "Roboto Condensed:400,400italic,700,700italic", 
      "Roboto:400,400italic,700,700italic", 
      "Rubik:400,400italic,700,700italic", 
      "Sansita:400,400italic,700,700italic", 
      "Ubuntu:700italic,700,400italic,400" 
     ] 
    } 
} 

結果は時代の最も正しいが、時には間違っています。ランダムフォント(必ずしも同じフォントではない)でthisのようなロードエラーが発生することがあります。

このURL:https://fonts.gstatic.com/stats/Josefin+Slab/normal/400が応答204 (no content)を返すため、デコードが機能しないのは正常です。 私が発行するで見えたとき、私はURLがGoogleのAPIのURLからCSSの応答から来たことを発見:

https://fonts.googleapis.com/css?family=Alegreya+Sans:400,400italic,700,700italic%7CArvo:400,400italic,700,700italic%7CAveria+Libre:400,400italic,700,700italic%7CAveria+Sans+Libre:400,400italic,700,700italic%7CJosefin+Sans:400,400italic,700,700italic%7CJosefin+Slab:400,400italic,700,700italic%7CKarla:400,400italic,700,700italic%7CLobster+Two:400,400italic,700,700italic%7CLora:400,400italic,700,700italic%7CMontserrat+Alternates:400,400italic,700,700italic%7CPlayfair+Display+SC:400,400italic,700,700italic%7CRaleway:700italic,700,400italic,400%7CRoboto+Condensed:400,400italic,700,700italic%7CRoboto:400,400italic,700,700italic%7CRubik:400,400italic,700,700italic%7CSansita:400,400italic,700,700italic%7CUbuntu:700italic,700,400italic,400&subset=latin

間違った応答の一部:

/* sampled usage */ 
@font-face { 
    font-family: 'Averia Libre'; 
    font-style: italic; 
    font-weight: 400; 
    src: url(https://fonts.gstatic.com/stats/Averia+Libre/italic/400); 
    unicode-range: U+20; 
} 

があるたびに/* sampled usage */コメントは、URLが間違っています。 URLを複数回呼び出すintegrationtestを作成しました。そこでは、結果が複数回間違っていることがわかります。

ポストマンコレクション:
https://www.getpostman.com/collections/923fee0336dfbf961be9

結果:
http://i.gyazo.com/80effb10e70fe6c41ee4df78439a1e50.mp4

は、誰かがこの問題で私を助けることができますか?私はすでにフォントスタイルとフォントの少ないものを試してみましたが、問題はまだポップアップしています。

答えて

0

私は、私たちは自動化されたブラウザテスト中にまったく同じことを経験してきたどのように迷惑な...

+0

Hmzは、私の選択肢ではありません。私のプロジェクトでは、フォントはすべてのユーザーに対して動的/カスタムロードされています。しかし、応答に感謝します。 –

0

、手動での輸入のすべてをコピーして、自分のファイルに貼り付けると、サンプリングされた使用方法の一部をコメントアウトする必要がありました。頻繁には発生しませんが、これらのテスト中に発生するページ負荷が非常に多いため、目立つだけで十分です。

ただし、Web Font Downloaderを使用しているようです!

関連する問題