我正在用bootstrap 5构建一个react项目,我想在项目中添加2个字体家族。我已经改变了defalut引导字体家族使用ggogle字体,我怎么能添加另一个字体家族,我怎么能分别使用这两种字体的类
// Import Bootstrap and its default variables
@import '~bootstrap/scss/bootstrap.scss';
@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display&display=swap');
:root{
--bs-body-font-family:'DM Serif Display', serif;
}
字符串
1条答案
按热度按时间lbsnaicq1#
我没有找到以这种方式覆盖Bootstrap的方法。我发现了一个变通方法(至少对于我的用例),您可能会发现它很有用。
在我的例子中,我的assets目录中有两个字体系列文件,一个用于常规文本,另一个用于粗体文本。
您可以覆盖Bootstrap的默认字体系列,然后使用自定义CSS类在需要时使用另一个字体系列。
下面是我的用例示例:
字符串