在自己寫項目的時候經常會涉及到頁面的布局，還有圖標字體的使用。當時發現了iconfont這個神奇，所以寫一篇這個博文推薦給大家。 iconfont官網傳送門：http://www.iconfont.cn/ 下面進入正題： 　第1步 進入百度，輸入 iconfont.然后點進去。首頁就會有好多 ...

　　我們在做web項目的時候，之前比較常用的是bootstrap,所以使用font awesome字體圖標比較多,無意中在一個項目中接觸到了iconfont,發現想要的什么圖標都有,還可以自定義圖標,非常強大!今天就寫個文章介紹下： 　　阿里圖標官方地址： http://iconfont ...

目前項目開發都是vue+element-ui模式，由於elementUI的icon圖標庫種類不多又不好看，所以基本不使用其自帶的圖標。一般都是引入第三方的圖標資源，例如：fontawesome、或者阿里巴巴的iconfont。由於fontawesome的使用，會使得會全部下載所有的圖標信息 ...

今天用iconfont遇到了字體圖標的使用問題。關於使用字體圖標的方式在這里有介紹三種方式（css和js的引入和平時一樣） 首先你要分清是用單個字體圖標icon,還是多個字體圖標icon 關於使用代碼的下載方式(一般都是使用多個字體圖標) 單個字體圖標icon: 一：搜索你想要的字體圖標 ...

　　一、准備工作 　　1、首先，進入阿里的矢量圖標庫，在這個圖標庫里面可以找到很多圖片資源，當然了需要登錄才能下載或者使用，用GitHub賬號或者新浪微博賬號登錄都可以 　　2、登錄以后，可以搜索自己需要的資源，然后直接下載使用，或者建立圖標庫然后再使用，例如這里以刪除的圖標為例 ...

1.附阿里圖標庫鏈接：http://www.iconfont.cn/ 2.登錄阿里圖標庫以后，搜索我們需要的圖標，將其加入購物車，如圖3.將我們需要的圖標全部挑選完畢以后，點擊購物車圖標4.這時候右側會出現一個預覽窗口，顯示我們前面加入購物車的那些圖標，我們選擇頁面中的下載代碼 5. ...

轉載於https://www.cnblogs.com/hjvsdr/p/6639649.html 我之前因為項目用bootstrap比較多,所以使用font awesome字體圖標比較多,后來接觸到了iconfont,發現想要的什么圖標都有,還可以自定義圖標,非常強大!之前看了一波教程,覺得繁瑣 ...

或者span標簽，並添加兩個類名：一個固定的是iconfont，另一個是自己下載的圖標對應的類名 基本 ...