字体已加载但未应用

时间:2021-05-30 21:04:42

标签: reactjs sass node-sass

我在 React 项目中使用 Roboto 字体,但遇到一个奇怪的问题,当我在本地访问我的应用程序时,字体未应用于我的文本,但是如果我打开元素检查器并取消选中并重新选中一个 css 属性(无论是哪一种)字体都应用在任何地方!

我使用带有 node-sass 的 scss 文件,并且我的字体是本地的并且使用 @font-face 定义

这是字体的 .scss 文件

!

我将所有 .scss 文件导入到 main.scss 文件中,然后将该文件导入到我的 App.js 中。除了字体之外,与 css 相关的所有内容都运行良好:(

有人遇到过类似的问题吗?我也使用了图标字体,效果很好

提前致谢!

1 个答案:

答案 0 :(得分:1)

解决办法是不使用"font-display: optional" ...