我在 React 项目中使用 Roboto 字体,但遇到一个奇怪的问题,当我在本地访问我的应用程序时,字体未应用于我的文本,但是如果我打开元素检查器并取消选中并重新选中一个 css 属性(无论是哪一种)字体都应用在任何地方!
我使用带有 node-sass 的 scss 文件,并且我的字体是本地的并且使用 @font-face 定义
这是字体的 .scss 文件
!
我将所有 .scss 文件导入到 main.scss 文件中,然后将该文件导入到我的 App.js 中。除了字体之外,与 css 相关的所有内容都运行良好:(
有人遇到过类似的问题吗?我也使用了图标字体,效果很好
提前致谢!
答案 0 :(得分:1)
解决办法是不使用"font-display: optional" ...