一：字體圖標可以當成文字字體，瀏覽器通過其Unicode碼來繪制網(wǎng)頁。
二、添加icon的步驟
1、打開iconfont的網(wǎng)站www.iconfont.cn
2、添加合適的icon到購物車，并添加到項目。點擊在線鏈接復(fù)制代碼
3、將復(fù)制的代碼放在css語句內(nèi)，同時把icon下方的icon對應(yīng)的Unicode碼放到body內(nèi)。
為icon定義fontfamily！
ps iconfont項目名可以更換
不加http：在本地編譯器是無法展示的，//代表和目前的協(xié)議保持一致，瀏覽器采用http，代碼采用的就是http。但在本地采用的file協(xié)議，所以無法正確展現(xiàn)！解決方案有兩種：1加本地http server，2加上http:，統(tǒng)一協(xié)議。
三：方法2
不容易辨認unicode碼，設(shè)置方法2
1、修改icon的名字，如果名字好記，也可以不修改，愛改不改吧
2、點擊fontcss復(fù)制下方代碼
通過link標簽導(dǎo)入css，注意不要導(dǎo)入到css語句了，不需要加style
3、body里面標簽加上class="iconfont icon-daoju",不用加輸出都可以
4、詳細代碼
http://js.jirengu.com/zeluk/14/edit
打開css的網(wǎng)址，發(fā)現(xiàn)也是在線創(chuàng)建了一個名為iconfont的在線字體庫。將unicode和icon名對應(yīng)了起來
css
四：
1、打開https://www.bootcdn.cn/網(wǎng)址，查找到awesome
2、查找font-awesome，并復(fù)制link語句
3、點擊awesome里面icon網(wǎng)頁，查找到icon名字。
4、導(dǎo)入link代碼，并在body加上class屬性。
http://js.jirengu.com/vipuy/1/edit
