【发布时间】：2019-01-22 18:42:03
【问题描述】：
我正在尝试更改 Bootstrap 中的默认字体系列，但我的更改被忽略了。
此问题已在 repo (https://github.com/twbs/bootstrap/issues/21595) 上关闭，但我仍然遇到问题。
> bundle info bootstrap
=> bootstrap (4.1.3)
我有bootstrap-custom.scss:
/*!
* Bootstrap v4.1.3 (https://getbootstrap.com/)
* Copyright 2011-2018 The Bootstrap Authors
* Copyright 2011-2018 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*/
...
@import "bootstrap/variables";
...
_variables.scss:
...
//== Typography
//
//## Font, line-height, and color for body text, headings, and more.
$font-family-sans-serif: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif !default;
$font-family-serif: Georgia, "Times New Roman", Times, serif !default;
//** Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`.
$font-family-monospace: Menlo, Monaco, Consolas, "Courier New", monospace !default;
$font-family-base: $font-family-sans-serif !default;
...
然后我将其导入文件顶部的application.scss：
@import "bootstrap-custom";
@import "variables";
如果我尝试这个 css，那是行不通的：
body {
font-family: $font-family-base;
}
但如果我在_variables.scss 中更改$font-family-base 的名称并在正文中使用新变量，它就可以工作。
我有什么问题吗？
【问题讨论】：
-
在导入引导相关的东西后尝试导入你的 application.scss 文件。
-
@Anji 这是Rails默认的scss文件，应该已经在最后渲染了（因为它会加载所有文件）
-
你能不能提供一个简单的plunker，你到目前为止做了什么。
-
我没有尝试很多东西，这是默认配置，所以我不知道我该怎么做......我在另一个项目中有相同的配置，它可以完美运行
-
我不确定这里发生了什么，根据您的解释，它必须正常工作。我可以通过快速破解来帮助你。尝试 *{ font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif; } 在您的 css 文件中，注意：如果您的网站中只有一种字体（在我们的例子中为 Roboto），这不是一个好的做法。
标签： css twitter-bootstrap sass