阿里巴巴矢量圖標網使用的小方法

純個人使用過程記錄,非技術分享!

在項目開發中,爲界面新增更加豐滿的元素,往往我們會採用一些圖標、圖片元素來支撐。阿里巴巴矢量圖標網給產品、給設計、給開發人員給予了極大的幫助與便利。在這裏就沒有找不到的圖標!

那這裏僅僅分享下如何使用此網站將svg格式轉化成字體文件:

1、登陸網站

2、點擊菜單圖標管理——項目管理目錄下

3、將UI提供的svg上傳至項目中

4、

5、上傳完畢,點擊提交到指定的項目中即可;

6、添加完成之後可以編輯圖標基本信息(尤其是類名);

7、之後點擊下載至本地即可,會下載一個壓縮包

8、接下來就是代碼上的文件使用了,

 

9、demo_index.html 文件中有詳細的使用介紹;

10、樣式類在iconfont.css 中找到類名添加即可;

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章