1.引入鏈接方式引入圖標
1.在阿里巴巴矢量圖新建項目
圖片.png
圖片.png
2.找自己喜歡的項目搪哪,加入購物車狼忱,再加入項目
圖片.png
3.點擊Font class 下面的生成代碼谷醉,復制代碼
圖片.png
4.新建iconfont.css文件操骡。el-icon-cus與上文新建項目FontClass保持一致
[class^="el-icon-cus"], [class*="el-icon-cus"]
{
font-family:"iconfont" !important;
font-size:16px;
font-style:normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
5.在main.js里面引入
import iconfont from './assets/iconfont.css';
6.使用九火,跟element 里面i使用一樣〔嵴校可單獨使用岔激,也可引用到組件中。
2.下載引入
1.下載資源
圖片.png
解壓后去掉demo,
圖片.png
在assets目錄下新建iconfont文件夾是掰,拷貝解壓的文件到該目錄下
并在main.js中引入圖標文件
import iconfont from './assets/iconfont/iconfont.css';
更新圖標
引入鏈接的虑鼎,重新生成鏈接,更新鏈接键痛。
本地下載導入的炫彩,重新下載導入