阿里字体图标(iconfont)使用

阿里字体图标(iconfont)使用1.进入阿里矢量图标库(www.iconfont.com)2.登录,登录后进入图标管理我的项目3.新建项目,输入项目名,项目描述4.进入图标库-官方图标库,将项目中所需的图标一起添加入库(购物车),最后添加至所建的项目(如:travel项目)5.进入我的项目,点击下载至本地6.下载完成时,在下载的压缩包解压,里面的.js文件和.html文件可丢弃,只需要ic…

大家好,欢迎来到IT知识分享网。

1.进入阿里矢量图标库(www.iconfont.com)

2.登录,登录后进入图标管理—-我的项目

3.新建项目,输入项目名,项目描述

阿里字体图标(iconfont)使用

4.进入图标库—官方图标库,将项目中所需的图标一起添加入库(购物车),最后添加至所建的项目(如:travel项目)

5.进入我的项目,点击下载至本地

阿里字体图标(iconfont)使用

6.下载完成时,在下载的压缩包解压,里面的.js文件和.html文件可丢弃,只需要iconfont.css文件和字体文件(如下图。红色圈住的文件可丢弃)

阿里字体图标(iconfont)使用

7.在项目文件夹src目录下新建assets文件夹,再文件夹assets目录下新建文件夹iconfont,将iconfont.css文件放在assets文件夹目录下,文字文件放在iconfont文件夹里(如下图)

阿里字体图标(iconfont)使用

 

阿里字体图标(iconfont)使用

8.修改iconfont.css里面的路径(如图)

阿里字体图标(iconfont)使用

9.在项目中引入iconfont.css文件,并使用,&#xe627这个是去阿里图标我的项目中移到自己需要的图标,然后点击复制代码(如图);

阿里字体图标(iconfont)使用

 

阿里字体图标(iconfont)使用

 

免责声明:本站所有文章内容,图片,视频等均是来源于用户投稿和互联网及文摘转载整编而成,不代表本站观点,不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益,请在线联系站长,一经查实,本站将立刻删除。 本文来自网络,若有侵权,请联系删除,如若转载,请注明出处:https://yundeesoft.com/10084.html

(0)

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注

关注微信