gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-12-05 00:34:53 25 4
gpt4 key购买 nike

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

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

最佳答案

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

body, html { 
font-family: 'Vazir', sans-serif;
}
在 react 中执行此操作时需要注意以下几点:
  • 您是否将 CSS 文件导入到根组件中? <App/>
  • 你在 webpack 配置中使用 css-loader 吗?
  • 您是否在尝试使用之前设置了@font-family?
  • 或者您是否从链接 =“rel”中导入了字体?
  • 关于javascript - 如何在 React js 中设置全局字体系列?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/63526780/

    25 4 0
    Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
    广告合作:1813099741@qq.com 6ren.com