reactjs - 在 Reactstrap 中更改默认字体的最简单方法是什么？

Question

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

标签： reactjssassbootstrap-4reactstrap

Answer 1

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

# 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;
}