樣式表無法加載

我嘗試在style.css中加載此代碼樣式表無法加載

@import url('https://fonts.googleapis.com/css?family=Karla|Roboto+Slab');

，但我收到此錯誤：

Stylesheet could not be loaded https://fonts.googleapis.com/css?family=Karla|Roboto+Slab

不知怎的，你知道什麼是錯的語法錯誤？

提前致謝！

來源

2017-01-25 Cristi

它工作正常，在這裏，見（@import）

@import url('https://fonts.googleapis.com/css?family=Karla|Roboto+Slab'); 
 

 
.Karla { 
 
    font-family: Karla; 
 
} 
 

 
.Roboto_Slab { 
 
    font-family: 'Roboto Slab'; 
 
}

<div class="Karla">Karla</div> 
 
<div class="Roboto_Slab">Roboto Slab</div> 
 
<div>Normal</div>

你也可以加載它通過

.Karla { 
 
    font-family: Karla; 
 
} 
 

 
.Roboto_Slab { 
 
    font-family: 'Roboto Slab'; 
 
}

<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Karla|Roboto+Slab" /> 
 

 
<div class="Karla">Karla</div> 
 
<div class="Roboto_Slab">Roboto Slab</div> 
 
<div>Normal</div>

的「老式方法」的例子

來源

2017-01-25 07:47:24 ppasler

您正在使用的代碼沒有問題。如果您使用的是@import，則需要確保它位於CSS文檔的最頂端。或者，你可以使用使用在<head>和負載谷歌字體<link>：

<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Karla|Roboto+Slab" />

來源

2017-01-25 07:47:25

使用CSS，不能導入它在底部覆蓋什麼上面呢？ – Gezzasa

@ @ import'規則必須先於所有其他類型的規則，除了@ charset規則;因爲它不是嵌套語句。有關'@ import'的更多信息，請參見[此鏈接]（https://developer.mozilla.org/en-US/docs/Web/CSS/@import）。 –

樣式表無法加載

回答

相關問題