在小程序中使用阿里巴巴矢量图标库-代码版

阿里巴巴-iconfont

首先请自行注册-这个是必须要的

1.找到自己想要的图标,鼠标移动到图标上,点击添加到库

2.选择完之后,点击右上角的购物车图标

3然后在右侧点击添加至项目

4.在 资源管理-我的项目 中可以找到个人主页的项目

这里主要说下Unicode的转换

开始进入时,会自动生成代码,如果没有,则点击红色字体,暂无代码点击生成

在自己的项目中新建文件夹styles下文件iconfont.css   把代码复制进来

修改代码

src: url('');
src: url('?#iefix') format('embedded-opentype'),

改成

src: url('https://at.alicdn.com/t/font_340');

src: url('https://at.alicdn.com/t/font_340?#iefix') format('embedded-opentype'),

修改的https://at.alicdn.com/t/font_340是复制代码中有的,在要修改的代码下一行或者下下行,,,

url('#iconfont') format('svg');

也改成

url('https://at.alicdn.com/t/font_3