1、進入icomoon首頁,進入icomoon-APP,選中圖標,點擊右下角generate font,記住圖標標示,然后下載 2、下載后,安裝字體,並將其放到css文件夾下 3、在css文件中加入以下代碼@font-face { 4、在css中加入一段代碼 在html ...
前兩篇文章寫了一下如何在vue項目中使用vue awesome和阿里的iconfont,這里介紹一下如何使用iconMoon圖標 iconMoon和前兩者相比可以生成自己的矢量圖,這點是我喜歡的。至於前兩種有沒有這個功能我暫時沒了解,今天用了一下iconMoon瞬間喜歡上 首先提示一下:不要用我們的png,jpg等格式來轉成svg格式。一個是基於像素的,一個是基於矢量線的, 哪怕我們用在高級的工具 ...
2018-01-03 20:00 0 4675 推薦指數:
1、進入icomoon首頁,進入icomoon-APP,選中圖標,點擊右下角generate font,記住圖標標示,然后下載 2、下載后,安裝字體,並將其放到css文件夾下 3、在css文件中加入以下代碼@font-face { 4、在css中加入一段代碼 在html ...
...
在src/components下新建文件夾及文件SvgIcon/index.vue,index.vue ...
3.在src/components下新建文件夾及文件SvgIcon/index.vue,ind ...
為什么不切圖標了 以前的圖標我們非常喜歡用ps等工具切成一張張xxx.png圖片,如果稍微懂點移動端適配,對dpr(設備像素比)有所了解的,還會切出類似home@1x.ppng,home@2x.png,home@3x.png這樣的圖標,其中@1x表示用來適配dpr為1的手機,圖像分辨率最低 ...
在上一篇文章中介紹了如何在vue項目中使用vue-awesome,如果你想了解,請移步《vue項目中使用vue-awesome》 這里介紹一下vue項目中如何使用阿里的iconfont圖標庫,先看一下官網 可以看到有將近兩百萬的圖標量,可以說我們想要的矢量圖圖標這里大部分都是有的,下面直接 ...
2、在Vue項目中assets文件夾下新增一個icon文件夾,將下載下來的文件解壓到icon文 ...
: 在src/icons/index.js中使用webpack的require.context自動引入s ...