将除一类之外的所有字体设置为特定字体

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-arvoQuicksand。如果我只执行以下操作,则带有 class 的元素.font-arvo将按预期位于正确的字体系列中,但其他元素则不然:

.font-arvo {
    font-family: "Arvo", "google", serif;
}
Run Code Online (Sandbox Code Playgroud)

注 1:我确实已在本<head>节中正确包含了这些字体。

注2:我使用的是Bootstrap 4。

有谁知道解决办法吗?谢谢!

Dry*_*ong 5

您应该能够将基本字体应用于元素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)