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

我是新手。我知道我可以为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。

对于scss用户：

假设您从此处选择了Google字体（选择较少即可快速加载页面）：https : //fonts.google.com/specimen/Roboto

并且，将其放在您的index.html中：

或者，将其放在样式表中：

并在scss中执行以下操作：

$font-family-base: 'Roboto', sans-serif; // add this line first before importing bootstrap
@import "~bootstrap/scss/bootstrap";

而已。