html - 在 Netlify 上部署后，Roboto 字体在 Safari 或移动浏览器中不起作用

Question

在这里拉我的头发。
我是 React 的新手，我的 css 中有这样的字体系列。在本地主机上一切正常，但是当我部署时，Roboto 字体在 safari 或移动浏览器上不起作用......
任何帮助将不胜感激
谢谢

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-family: Roboto, sans-serif !important;
  border: none;
}

我也在使用样式组件，我不太确定这是否与它有关。

Answer 1

编辑 :您不必做任何事情，只是您的 css 规则在生产版本中是错误的
您的代码:

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-family: Roboto, sans-serif !important;
  border: none;
}

你告诉过这是你的代码，但在部署的版本中它说 font-family: "Roboto"只需修复此问题，它可能会起作用或按照以下说明进行操作