Question

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

我尝试更改'main.css'文件中的'font-family'，但这似乎无济于事。

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";
}

如果无法验证字体是否正常工作，我通常会选择一种明显不同的字体，以便可以轻松看到所做的更改并确保特定性或其他方面没有问题。解决问题后，我将切换回想要使用的实际字体。

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

1 个答案: