图标字体:显示错误的符号

问题描述:

我用图标字体创建了简单的网页页面。图标字体:显示错误的符号

jsFiddle link

类似如下

js trick

但我有其他的图标显示...蛇,而不是吧:)。

我的字体有什么问题?感谢您的回答。

代码在这里:

[data-icon]:before { 
    font-family: icons; /* BYO icon font, mapped smartly */ 
    content: attr(data-icon); 
    speak: none; /* Not to be trusted, but hey. */ 
} 

<h4><span aria-hidden="true" data-icon="&#x21dd;"></span> Stats</h4> 
+1

请将您的代码发布在问题本身。绕过*的* JSFiddle链接必须附带代码*警告,通过包装代码标记中的JSFiddle链接与打破网站规则相当。 – 2014-10-09 08:57:41

+0

_此页面使用的图标字体是[Fico](http://fico.lensco.be/),由Lennart Schoors随后通过[IcoMoon](https://icomoon.io/#home)进行自定义映射._ – Vucko 2014-10-09 09:12:16

+0

问题已修复,请将其标记为正确的问题。谢谢! – Pawel 2014-11-12 14:04:54

x21dd;是代表“蛇”的unicode。

Source

尝试使用FontAwesome图标(我包括他们在CSS使用@字体面)。

所有你需要做的是在一个标签来定义一个类像

<b class="fa fa-chart"></b> 

而且FontAwesome会自动添加标签内的图标。
检查这个Fiddle

+0

是的,我需要专门准备的字体来查看'列'。 'Snake'是反转字体的好兆头。 – Pawel 2014-10-09 09:39:00