javascript - 如何在 React js 中设置全局字体系列？

Question

我正在尝试为所有文本设置一个字体系列，如下所示:
index.css 文件:

:root {
    font-family: 'Vazir', sans-serif !important;
}

但它不适用，我必须申请 font-family: 'Vazir', sans-serif !important;到每个组件 css 文件。
如何对字体系列进行一次编码并将其应用于每个组件文本，或者如何设置适用于在 react js 中呈现的所有文本的全局字体系列样式？

Answer 1

您应该可以将您的字体系列添加到

body, html { 
  font-family: 'Vazir', sans-serif;
}

在 react 中执行此操作时需要注意以下几点:

您是否将 CSS 文件导入到根组件中？ <App/>

你在 webpack 配置中使用 css-loader 吗？

您是否在尝试使用之前设置了@font-family？

或者您是否从链接 =“rel”中导入了字体？