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中测试）。

如何确保显示图标？

来源

2013-07-10 Darbio

你从哪里得到图标字体？在大多数情况下，网站建议您为每个元素设置'data-icon'属性，或者为每个图标分别设置不同的类。 –

假设您已经测试了选择器的工作原理（通过在规则中使用易于观察的设置），问题将显示在字体中。我们对字体知道些什么？如果你使用它来安装并查看文本，当文本包含'（* + $％＃）“时，它真的会显示一些特殊字符吗？ –

当显示这些字符时，字体显示特殊字符但是，我重新创建字体http://www.fontsquirrel.com/tools/webfont-generator，并使用生成的CSS，它现在可以工作。看不出任何主要区别，所以也许它是在字体文件的编码。 – Darbio

尝试使用unicode设置字符。例如。

$ - \0024

来源

2013-07-10 04:34:12 jQuery00

我试过了这仍然显示$符号。无论如何，谢谢。 – Darbio

我不能让字体的工作，所以我用这个工具来生成CSS和字体：

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

我看不出之间的主要区别CSS，所以也许是在字体文件的转换。

来源

2013-07-11 03:54:28 Darbio

CSS字体图标字体家庭被忽略

回答

相关问题