純個人使用過程記錄,非技術分享!
在項目開發中,爲界面新增更加豐滿的元素,往往我們會採用一些圖標、圖片元素來支撐。阿里巴巴矢量圖標網給產品、給設計、給開發人員給予了極大的幫助與便利。在這裏就沒有找不到的圖標!
那這裏僅僅分享下如何使用此網站將svg格式轉化成字體文件:
1、登陸網站
2、點擊菜單圖標管理——項目管理目錄下
3、將UI提供的svg上傳至項目中
4、
5、上傳完畢,點擊提交到指定的項目中即可;
6、添加完成之後可以編輯圖標基本信息(尤其是類名);
7、之後點擊下載至本地即可,會下載一個壓縮包
8、接下來就是代碼上的文件使用了,
9、demo_index.html 文件中有詳細的使用介紹;
10、樣式類在iconfont.css 中找到類名添加即可;