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 中设置字符。例如

$ - \0024