【css】iconfont 在線鏈接怎麼用

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">
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章