font-class引用
font-class是unicode使用方式的一種變種,主要是解決unicode書寫不直觀,語意不明確的問題。
與unicode使用方式相比,具有如下特點:
- 兼容性良好,支持ie8+,及所有現代瀏覽器。
- 相比於unicode語意明確,書寫更直觀。可以很容易分辨這個icon是什麼。
- 因爲使用class來定義圖標,所以當要替換圖標時,只需要修改class裏面的unicode引用。
- 不過因爲本質上還是使用的字體,所以多色圖標還是不支持的。
使用步驟如下:
第一步:拷貝項目下面生成的fontclass代碼:
//at.alicdn.com/t/font_8d5l8fzk5b87iudi.css
第二步:挑選相應圖標並獲取類名,應用於頁面:
<i class="iconfont icon-xxx"></i>
PS:頁面引用時候: <link rel="stylesheet" href="http://at.alicdn.com/t/font_8d5l8fzk5b87iudi.css">