CSS3導入字體後用另一種索引去加載字體裏面的字符的問題。

 

上面的圖爲正常引用字體裏面對應的字符標示！

在頁面展現只須要一個class 就能引用出來。

可是我發現一些國外的網站模板裏面引用可另一種索引方式

介紹以下：

 

第一步引用字體

‍

 

 

 

第二步：

‍

 

加載class字體

 

在頁面上 引入css

 

 

下面就是頁面展現的參數，拿其中一個舉例子：

 

 

 

展現效果「

 

 

 

 

 

他在span標籤引用這個icon 可是沒有指定 咱們正常模式下面的例如 icon-car 這樣而是統一了icon   用了一個html的字符編碼&#61xxx

 

 

我用typeTool3字體查看器打開字體查看，並無發現什麼61xx開頭的對應的東西

 

以下圖

 

 

 

 

 

 

 

 

個人問題 那個對應的索引61xx 是怎麼算出來。。。

 

請大牛幫忙解答一些，O(∩_∩)O謝謝

百度大牛郵件回覆：

只是引用Unicode碼位的進制不一樣。61700是十六進制的f104轉成十進制的結果。

 

CSS中，引用字符寫在了icon對應僞元素的content屬性中，好比angle-left這個圖標對應的CSS是：content: "\f104"; ß f104是這個字符的Unicode編碼

 

除了常見的預先命名的  < >等字符，HTML 中也能夠使用Unicode形式引入字符，可參考HTML規範：

http://www.w3.org/TR/html/syntax.html#character-references

十進制引用：

十六進制引用：