gpt4 book ai didi

twitter-bootstrap - 如何在 Bootstrap 4 中使用不同的字体?

转载 作者:行者123 更新时间:2023-12-04 16:57:59 25 4
gpt4 key购买 nike

我是新手。我知道我可以像这个默认值一样为 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用户:

假设您从这里选择了谷歌字体(选择更少以快速加载页面):
https://fonts.google.com/specimen/Roboto

并且,把它放在你的index.html<head> :

<link href="https://fonts.googleapis.com/css?family=Roboto:300,400" rel="stylesheet">

或者,将其放在您的样式表中:
<style>
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400');
</style>

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

而已。

关于twitter-bootstrap - 如何在 Bootstrap 4 中使用不同的字体?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47081220/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com