關於字體圖標的三兩事

介紹三種icon字體圖標的方法

先選擇想要使用的圖標，加入購物車後添加到項目http://www.iconfont.cn/

Unicode方式

選擇Unicode 生成並複製紅框中的代碼，而後在HTML中添加style，或者加入到CSS中，並將圖標對應的Unicode碼添加到相應的標籤元素中，固然別忘了在CSS中添加字體font-family，字體名就是複製代碼中的font-family。

 

Font Class方式

選擇Font Class 而後選擇編輯圖標，在font class裏面定義這個圖標的名稱，方便咱們一下子進行調用，而後複製代碼。

將這段代碼直接在HTML中link引用，由於這是一個網絡css文件，而後在標籤元素中定義class的值爲剛剛咱們修改過的圖標名稱便可。

 

font-awesome

咱們先在BootCDN上找到font-awesome的css文件

將他複製下來

 

而後咱們在http://fontawesome.dashgame.com/中找到咱們想要使用的圖標

在HTML中link的href裏面填寫從bootCDN複製的font-awesome的css路徑，並在元素標籤中按class="fa fa-圖標名稱"進行定義，便可獲得圖標