当前位置： 移动技术网 > IT编程>网页制作>CSS > 关于阿里 iconfont 的使用步骤

关于阿里 iconfont 的使用步骤

2019年07月10日  | 移动技术网IT编程  | 我要评论

第一步：

在iconfont库中，找到你想要的图标，加入到购物车，再在购物车中将图标加入到你的项目中去

  

 

 

第二步：

在项目中，可以看到刚刚加入的图标，这里是你在项目中所有用到的iconfont，选择下载至本地

 

 

第三步：

将下载的压缩包解压，将其中的css、eot、svg、ttf、woff文件放入到你的项目中（若项目之前有这些文件，则直接替换即可，因为下载的文件中包含了你项目中所有的图标），此时可以看到，css、svg中加入了你想要的图标

 

 

 

第四步：

以上三步就已经将你想要的iconfont加到项目中了，只要使用时，通过 i.iconfont.icon-guanlianshebei 引用即可

 

 

 

前端小白技术摸索中，若有误，望指正！

 

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网