之前《ionic（mui悼嫉、elementUI）自定義字體圖標(biāo)》寫一部分了。重要的點(diǎn)薪介，再?gòu)?qiáng)調(diào)一下下澜搅。
在阿里媽媽上的項(xiàng)目中編輯相關(guān)屬性：
elementUI 的前綴是el-icon,Font Family是element-icons；
阿里媽媽el項(xiàng)目編輯
然后下載下來的代碼就不需要怎么改了粘咖，和ionic圖標(biāo)有所區(qū)別的是：
ionic的圖標(biāo)有3套蚣抗，分別對(duì)應(yīng)于iOS和安卓以及windows，所以它的css字體圖標(biāo)要添加相關(guān)適配瓮下，
不同的設(shè)備翰铡，配置不同樣式的圖標(biāo)，可以說是很6了呀讽坏。
ionic圖標(biāo)
而elementUI就一套锭魔，所以不麻煩。我的做法比較簡(jiǎn)單路呜，直接引用了原有的css如下圖：
下載的iconfont.css
因?yàn)槊耘酰瑅ue項(xiàng)目的文件入口時(shí)App.vue,所有的css,js文件都需要在main.js中引入，可以直接再main.js文件中引入字體文件的iconfont.css,我不是這樣做的胀葱，我是在assets文件夾下建了一個(gè)less文件夾漠秋，里面包含了index.less文件和variable.less文件，然后在index.less文件里引入的iconfont.css,同時(shí)main.js中引入了index.less抵屿。如下圖：
index.less
main.js文件
應(yīng)用
效果圖
嗯庆锦，終于整理完了，哈哈轧葛，大概沒有什么遺漏吧搂抒，不過要注意一下艇搀，字體css文件的引入問題！Ｇ缶А中符！
不要搞錯(cuò)了，有什么不懂的誉帅，歡迎私信淀散，啦啦啦啦~~~~
