Question

谷歌字体完美运行，直到我导入W3.css文件。我甚至试图将谷歌字体链接转移到文档的开头。一旦删除W3.css文件的链接，它就会开始工作。谷歌字体工作：

<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>

Answer 1

你只需要在你想要的元素中声明你正在使用的谷歌字体。

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>

导入W3.css文件时，Google字体无效

1 个答案: