html - 如何使用 Google 的字体更改 Bootstrap 默认字体系列？

Question

我正在创建一个博客站点，我想更改 Bootstrap 字体。在标题中的导入 CSS 中，我添加了这种字体

<link href='http://fonts.googleapis.com/css?family=Oswald:400,300,700' rel='stylesheet' type='text/css'>

如何将其用作我的 Bootstrap 默认字体？

Answer 1

首先，您不能以这种方式将字体导入 CSS。

您可以在 HTML head 中添加此代码:

<link href='http://fonts.googleapis.com/css?family=Oswald:400,300,700' rel='stylesheet' type='text/css'>

或者像这样将其导入到 CSS 文件中:

@import url("http://fonts.googleapis.com/css?family=Oswald:400,300,700");

然后，在您的 css 中，您可以编辑正文的字体系列:

body {
  font-family: 'Oswald', sans-serif !important;
}