首页 > 编程知识 正文

阿里icon标库,阿里巴巴标字体

时间:2023-05-03 17:17:32 阅读:183469 作者:4474

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

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

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

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

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

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

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

 

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

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

 

 

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。