在 Reactstrap 中更改默认字体的最简单方法是啥?

Posted

技术标签:

【中文标题】在 Reactstrap 中更改默认字体的最简单方法是啥?【英文标题】:What is the easiest way to change the default font in Reactstrap?在 Reactstrap 中更改默认字体的最简单方法是什么? 【发布时间】:2019-02-17 09:31:22 【问题描述】:

我正在设计一个 MERN 项目,我想更改 Reactstrap (https://reactstrap.github.io/) 用于我的 React 前端的默认字体。我找到了一些更改默认 Bootstrap 4 字体的答案,但我不确定如何(或是否)将它们应用于 Reactstrap——任何帮助或线索都非常感谢!

【问题讨论】:

【参考方案1】:

您可以在应用程序的入口文件中导入一个css文件。 css 文件可以包含 @import 标签来加载您的自定义字体。然后你可以在body选择器标签中设置font-family

# In entry file
import '/assets/css/mycssfile.css';


# In mycssfiles.css
@import url('https://fonts.googleapis.com/css?family=Open+Sans');

body 
    font-family: 'Open Sans', sans-serif;

【讨论】:

以上是关于在 Reactstrap 中更改默认字体的最简单方法是啥?的主要内容,如果未能解决你的问题,请参考以下文章

如何在 Reactstrap 中更改背景颜色

如何在 reactstrap 中更改 customswitch 标签的开/关?

如何更改 matplotlib(python)中的字体?

ReactStrap:在日期类型的输入中显示默认值

Reactstrap 改变活动的 NavLink onClick

更改文本区域的字体