使用字体图标库时是否经常要反复下载?一招教你如何避开此问题

1.登录阿里巴巴失量图标库 http://www.iconfont.cn/

使用字体图标库时是否经常要反复下载?一招教你如何避开此问题_第1张图片
login.jpg

2.选择喜欢的图标添加到购物车内

使用字体图标库时是否经常要反复下载?一招教你如何避开此问题_第2张图片
cart.jpg

3.点击购物车点击添加至项目(购物车的上图右侧)

原因:通常情况下我们经常直接下载素材,但是实际工作当中,图标会经常添加或者修改,每次添加修改时我们要再次进行下载素材替换本地素材fonts文件,所以选择添加至项目,用线上地址。


使用字体图标库时是否经常要反复下载?一招教你如何避开此问题_第3张图片
add.jpg

4.跳转到项目页面(每次增加新的图标前,点击下方新icon来袭,点击更新代码)

使用字体图标库时是否经常要反复下载?一招教你如何避开此问题_第4张图片
pro.jpg

更新完毕后,首次复制代码,例如以后再次添加图标时,只需要点击下方新icon来袭,点击更新代码,再次复制代码即可。


使用字体图标库时是否经常要反复下载?一招教你如何避开此问题_第5张图片
code.jpg

5.将复制的代码贴到项目内,记住在路径前加 https: 以及 iconfont部分(代码演示)

使用字体图标库时是否经常要反复下载?一招教你如何避开此问题_第6张图片
1536221428254.jpg

6.项目确定完成后,图标无变化的时,在将font文件下载至本地

使用字体图标库时是否经常要反复下载?一招教你如何避开此问题_第7张图片
1536221608535.jpg

你可能感兴趣的:(使用字体图标库时是否经常要反复下载?一招教你如何避开此问题)