2014-10-09 35 views
-2

我用圖標字體創建了簡單的網頁頁面。圖標字體:顯示錯誤的符號

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

請將您的代碼發佈在問題本身。繞過StackOverflow的* 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

回答

1
x21dd;是代表「蛇」的unicode。

Source

嘗試使用FontAwesome圖標(我包括他們在CSS使用@字體面)。

所有你需要做的是在一個標籤來定義一個類像

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

而且FontAwesome會自動添加標籤內的圖標。
檢查這個Fiddle

+0

是的,我需要專門準備的字體來查看'列'。 'Snake'是反轉字體的好兆頭。 – Pawel 2014-10-09 09:39:00