css - 无法在 React.js 中将 font-family 设置为 AvantGard

Question

我想在我的 React 应用程序的一个段落中添加 AvantGard 字体，但字体似乎没有效果，我不知道为什么，这是我添加它的方法：

1. 我将它作为 ttf 文件保存在我的资产文件夹中。
2. 我有全局 scss 文件 index.css 并在其中声明它是这样的：

@font-face {
  font-family: 'AvantGard';
  font-style: normal;
  src: url('./assets/fonts/avant_gartt/AvantGard.ttf');
}

3. 我也有一个 variables.scss，我将它保存在其中：

$avantGard: 'AvantGuard';

4. 我在组件的 css 中导入我的变量，如下所示：

@import './variables.scss';

然后我只是设置我的段落的字体大小：

 font-family: $avantGard;

有谁知道为什么我的字体不起作用？我的其余字体以相同的方式工作，但不是这个。

标签： cssreactjsfonts

Answer 1

检查数字 3 的拼写。AvantGard 还是 AvantGuard？