CSS字体图标字体系列被忽略

Question

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

  

'（* + $％＃）“

我定义了以下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中测试）。

如何确保它显示图标？

Answer 1

尝试在unicode中设置字符。 E.g。

$ - \0024

Answer 2

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

http://www.fontsquirrel.com/tools/webfont-generator

我看不出CSS之间有任何重大差异，所以可能是在转换字体文件时。