Question

我尝试在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

不知怎的，你知道什么是错的？是语法错误吗？

提前致谢！

Answer 1

您使用的代码没有任何问题。如果您使用的是@import，则需要确保它位于CSS文档的最顶层。或者，您可以使用<link>中的<head>并使用以下方式加载 Google字体：

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

Answer 2

此处工作正常，请参阅示例（@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>

无法加载样式表

2 个答案: