如何设置Bootstrap @ font-family-base？

Question

Bootstrap docs说：

  

使用@font-family-base，@font-size-base和@line-height-base属性作为我们的印刷基础。

这是否意味着有一个名为@font-family-base的CSS变量？

如何在CSS中设置此项以更改整页的字体？

Answer 1

对于Bootstrap 3，打开custom.css和

body,
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-family: "Ubuntu", Helvetica, Arial, sans-serif!important;
}

Answer 2

它不是CSS变量，而是LESS variable。

您可以在variables.less中找到（并编辑）它们。

Answer 3

访问the Bootstrap docs on customization - 您可以更改排版部分中的多个变量，例如@sansFontFamily，@serifFontFamily，@monoFontFamily，@baseFontSize等

Answer 4

见下文，放在CSS文件的顶部。

@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700);