【发布时间】:2013-08-11 19:19:17
【问题描述】:
使用
@font-family-base、@font-size-base和@line-height-base属性作为我们的排版基础。
这是否意味着有一个名为 @font-family-base 的 CSS 变量?
如何在 CSS 中进行设置以更改整个页面的字体?
【问题讨论】:
标签: css twitter-bootstrap less font-face
使用
@font-family-base、@font-size-base和@line-height-base属性作为我们的排版基础。
这是否意味着有一个名为 @font-family-base 的 CSS 变量?
如何在 CSS 中进行设置以更改整个页面的字体?
【问题讨论】:
标签: css twitter-bootstrap less font-face
访问the Bootstrap docs on customization - 您可以在排版部分更改多个变量,例如@sansFontFamily、@serifFontFamily、@monoFontFamily、@baseFontSize 等
【讨论】:
这不是 CSS 变量,而是 LESS variable。
您可以在variables.less 中找到(和编辑)它们。
【讨论】:
对于 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;
}
【讨论】:
见下文,放在 CSS 文件的顶部。
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700);
【讨论】: