如何在 Bootstrap 4 中使用不同的字体？

Question

我是新手。我知道我可以像这个默认值一样为 Bootstrap 4 分配不同的字体，

 font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";

例如，如果我尝试使用两种字体配对构建网站，我想知道什么，

 font-family: "Roboto", "Open Sans";

上面的代码将如何影响 Bootstrap 4 的元素。哪些元素会得到 Roboto 或 Open Sans。

原文由 CodeMan 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

我猜您希望基本字体为“Open Sans”，所有标题为“Roboto”。如果您使用 scss 您只需更改这两个变量；

 $font-family-base:            'Open Sans', sans-serif;
$headings-font-family:        'Roboto', sans-serif;

原文由 Semisi Taufa 发布，翻译遵循 CC BY-SA 4.0 许可协议