CSS字体图标字体族被忽略

我有一种用图标替换以下字符的字体：

“（*+$%#）”

我定义了以下CSS：

/* Define the fonts for use */
@font-face {
    font-family: 'assets';
    src: url('AAHS_ASSETS.eot');
    src: url('AAHS_ASSETS.eot?#iefix') format('embedded-opentype'),
         url('AAHS_ASSETS.TTF') format('truetype');
}

/* ASSETS */
[class^="icon-aahs-assets-"],
[class*=" icon-aahs-assets-"] {
  font-family: "assets";
}

.icon-aahs-assets-asset:before { content: "$"; }

当我在html中添加以下图标时，它显示为$

<i class="icon-aahs-assets-asset"></i>

我已经检查了网络响应，浏览器正在下载字体（在Chrome中测试）

---

如何确保它显示图标？

尝试使用unicode设置字符

---

$-

\0024

我无法使用字体，因此我使用此工具生成CSS和字体：

---

我看不出CSS之间有什么主要区别，所以可能是字体文件的转换。

图标字体是从哪里来的？在大多数情况下，网站建议您为每个元素设置

数据图标属性，或者为每个图标设置单独的类。假设您已经测试过选择器rk（通过在规则中使用易于观察的设置），问题似乎出现在字体中。我们对字体了解多少？如果您安装它并使用它查看文本，当文本包含“（*+$%#”）”时，它是否真的显示一些特殊字符？当显示这些字符时，字体确实显示特殊字符。但是，我使用生成的CSS重新创建了字体，现在可以使用了。看不到任何主要差异，因此可能是字体文件的编码不同。