W3.cssファイルのインポート時にGoogleフォントが機能しない

W3.cssファイルをインポートするまでGoogleフォントが完全に機能していました。 Googleのフォントのリンクを文書の先頭に移動しようとしました。私はW3.cssファイルへのリンクを削除するとすぐに作業を開始します。作業 Googleのフォント：動作していないW3.cssファイルのインポート時にGoogleフォントが機能しない

<head> 
<link href="https://fonts.googleapis.com/css?family=Concert+One"rel="stylesheet"> 
</head>

Googleのフォント：

<head> 
<link href="https://fonts.googleapis.com/css?family=Concert+One"rel="stylesheet"> 
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css"> 
</head>

出典

2017-04-15 Vinay Pillutla

いくつかのデバッグを行うことを忘れないでください：右は、Googleのフォントを使用する必要がありますあなたが知っている要素をクリックして「要素を検証」を選択し、ルールをされているかで、CSSのセクションを見にお互いの上にファイルから適用されます。適切な調査をして、あなた自身で答えを見つけることができます。 –

あなたがちょうどあなたが欲しい要素で使用しているGoogleのフォントを宣言する必要があります。

body { 
 
    font-size: 30px !important 
 
} 
 

 
.gf { 
 
    font-family: "Concert one" 
 
}

<link href="https://fonts.googleapis.com/css?family=Concert+One" rel="stylesheet"> 
 
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css"> 
 

 
<div class="gf">test</div> 
 
<div class="w3">test 2</div>

出典

2017-04-15 18:34:26 dippas

W3.cssファイルのインポート時にGoogleフォントが機能しない

答えて

関連する問題