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

Question

我正在设计一个MERN项目的样式，我想更改Reactstrap（https://reactstrap.github.io/）用于我的React前端的默认字体。我已经找到了一些更改默认Bootstrap 4字体的答案，但是我不确定如何（或是否）将这些字体应用于Reactstrap-任何帮助或帮助都将受到赞赏！

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