0

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

' ( * + $ % # ) "

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

如何确保它显示图标？

4

2 回答 2

0

我无法让字体工作，所以我使用这个工具来生成 CSS 和字体：

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

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

于 2013-07-11T03:54:28.900 回答
0

尝试在 unicode 中设置字符。例如

$ -\0024

于 2013-07-10T04:34:12.160 回答