woh*_*he1 0 css fonts bootstrap-4
我想在整个网站中使用 font-family Quicksand,除了已分配给 class 的元素外.font-arvo,这些元素应该位于 font-family 中Arvo。我正在尝试使用以下 css 来实现此目的:
*:not(.font-arvo) {
font-family: 'Quicksand', sans-serif;
}
.font-arvo {
font-family: "Arvo", "google", serif;
}
Run Code Online (Sandbox Code Playgroud)
但是,这会将所有元素(包括具有类 的元素)设置.font-arvo为Quicksand。如果我只执行以下操作,则带有 class 的元素.font-arvo将按预期位于正确的字体系列中,但其他元素则不然:
.font-arvo {
font-family: "Arvo", "google", serif;
}
Run Code Online (Sandbox Code Playgroud)
注 1:我确实已在本<head>节中正确包含了这些字体。
注2:我使用的是Bootstrap 4。
有谁知道解决办法吗?谢谢!
您应该能够将基本字体应用于元素body,然后使用font-arvo类覆盖任何特定部分,如下所示:
body {
font-family: 'Quicksand', sans-serif;
}
.font-arvo {
font-family: 'Arvo', serif;
}Run Code Online (Sandbox Code Playgroud)
<link href="https://fonts.googleapis.com/css?family=Arvo|Quicksand" rel="stylesheet">
<body>
<h2>Here is the default font</h2>
<h2 class="font-arvo">And here is the second</h2>
</body>Run Code Online (Sandbox Code Playgroud)