導入W3.css文件時谷歌字體不能正常工作

谷歌字體正常工作，直到我導入了W3.css文件。我甚至試圖將谷歌字體鏈接轉移到文檔的開頭。只要我移除W3.css文件的鏈接，它就開始工作。谷歌的字體工作：導入W3.css文件時谷歌字體不能正常工作

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

谷歌的字體不工作：

<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

記得做一些調試：右鍵點擊你知道應該使用谷歌的字體的元素，選擇「檢查元素」，然後在CSS部分看看哪些規則正在應用於彼此的頂部，從哪個文件。你可以通過一些適當的調查找到答案。 –

你只需要聲明你正在使用你想要的元素谷歌的字體。

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文件時谷歌字體不能正常工作

回答

相關問題