为什么要在 React 应用中使用 @import 来使用 google 字体?

Why use @import to use google fonts in React app?


我想了解为什么我必须使用 @import 而不是 url 才能在 React 应用程序中使用 google 字体。
我尝试在 html 头部使用 url link,但应用程序无法使用 google 字体。
我在 Whosebug 上找到了这个解决方案,我必须使用 @import 来解决这个问题,但我想知道为什么。

link: How to use Google fonts in React.js?

你能解释一下为什么 html 头中的 link 不起作用吗?

它与 React 本身无关,但它与 CSS 相关,因为您不能使用 @import 语法在 React 或 javascript 中导入组件或其他函数,但您可以在 CSS 文件中使用它来将另一个样式表导入您的样式文件,例如字体。

参考: @import | MDN

它与 React 无关,你可以从你的 css 文件中导入 google 字体,你也可以在你的 app.css 文件中做同样的事情。