css - Google フォントが常に表示されない

Question

このように、CSSでインポートを使用しています

@import url(http://fonts.googleapis.com/css?family=Kite+One);

しかし、フォントは常に読み込まれません。私はまだ CSS に取り組んでおり、定期的に更新しています。そのせいでしょうか？これを修正する方法はありますか？

Answer 1

Web フォントに問題がある場合は、これを確認する必要があります。

ウェブフォントローダー

Web Font Loader は、Google Fonts API が提供するよりもフォントの読み込みをより詳細に制御できる JavaScript ライブラリです。Web Font Loader では、複数の Web フォント プロバイダーを使用することもできます。これは、Google と Typekit によって共同開発されました。

Answer 2

@import の代わりに、ページへのリンクを追加する必要があります。

<link href='http://fonts.googleapis.com/css?family=Kite+One' rel='stylesheet' type='text/css'>

次に、を使用して、スタイルシートの要素のfont下に を追加します。bodyfont-family

例えば、

body{font-family: 'Kite One', sans-serif;}

さらに不明な点がある場合は、こちらを参照してください。

今すぐ動作するはずです。