css - 如何使用 Bootstrap CDN 更改网站字体

Question

我正在尝试更改我网站的字体，但我无法访问“bootstrap.css”文件，因为我使用的是 Bootstrap CDN。有什么方法可以在仍然使用 Bootstrap CDN 的同时访问“bootstrap.css”，还是我必须安装已编译的 Bootstrap 文件？

我已经尝试更改“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";
}

如果我无法验证字体是否正常工作，我通常会选择一种明显不同的字体，这样更改就很容易看到，并确保没有特异性或其他问题。解决问题后，我将切换回我想使用的真实字体。