Googleフォントが@ font-faceから読み込まれないのはなぜですか？

Iは、書体を作成し、身体に適用：Googleフォントが@ font-faceから読み込まれないのはなぜですか？

@font-face { 
 
    font-family: 'Nosifer'; 
 
     src: url('https://fonts.googleapis.com/css?family=Nosifer'); 
 
    } 
 
body { font-family: 'Nosifer' }

<body> 
 
    This is text. 
 
</body>

しかし、Nosiferフォントが表示されていません。私は間違って何をしていますか？フィドルへ

URL：

Failed to decode downloaded font: https://fonts.googleapis.com/css?family=Nosifer

OTS parsing error: invalid version tag

Googleのフォントの実装ガイドラインfor this fontが@font-faceの使用を特徴としていない：http://jsfiddle.net/9mr7973y/

出典

2017-10-16 Yoda

Chromeは、コンソールで次のような警告を与えます。あなたはCSSを通してそれをインポートする場合、彼らは代わりに@importを使用しての助言：

@import url('https://fonts.googleapis.com/css?family=Nosifer');

出典

2017-10-16 08:12:00

おかげのようにフォントを適用します。私はこの問題の解決策を探しています：https://stackoverflow.com/questions/46764887/how-to-load-fonts-automatically-on-the-website?noredirect=1#comment80475104_46764887フォントをロードするブラウザを言う方法。 – Yoda

は、HTMLヘッダー

<link href="https://fonts.googleapis.com/css?family=Nosifer" rel="stylesheet">

でこれを追加し、

font-family: 'Nosifer', cursive;

出典

2017-10-16 08:15:45

Googleフォントが@ font-faceから読み込まれないのはなぜですか？

答えて

関連する問題