如何使用引导CDN改变网站字体

Question

我试图改变我的网站的字体，但我不能访问'bootstrap.css‘文件，因为我使用的引导CDN。是否有任何方法来访问'bootstrap.css‘，同时仍然使用引导CDN或我必须安装已编写的引导文件？

我尝试过更改“main.css”文件中的“字体家族”，但这似乎没有起到任何作用。

body {
  background: #fafafa;
  color: #333333;
  margin-top: 5rem;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important; 
}

Answer 1

当您包含样式表时，请确保在引导之后使用main.css，如下所示：

<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<link rel="stylesheet" type="text/css" href="main.css">

在main.css中，为要覆盖的选择器创建一个规则。

body {
  font-family: "Times New Roman";
}

如果我在验证字体是否有效时有困难，我通常会选择一个明显不同的字体，这样就可以很容易地看到更改，并确保在特定性或其他方面没有问题。问题解决后，我将切换回我想要使用的真正字体。