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

Question

我正在尝试更改我的网站的字体，但由于我使用的是Bootstrap CDN，因此无法访问"bootstrap.css"文件。有没有办法在仍然使用引导 CDN 的同时访问"引导.css"，或者我必须安装兼容的引导程序文件？

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

如果我在验证字体是否正常工作时遇到问题，我通常会选择明显不同的字体，以便易于查看更改并确保不存在特异性或其他问题。找出问题后，我将切换回我想使用的真实字体。