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