微信小程序使用阿里巴巴iconfont

1.官网地址: .iconfont-阿里巴巴矢量图标库

2.打开我的项目新建项目

3.填写一个名字即可

4.搜索出你需要使用的图标

5.添加入库 添加入库后 右上角有一个购物车会显示

6.添加至刚刚创建的项目

 7. 回到本地项目点击下载到本地然后解压下载的压缩包

8.把解压后文件里面的css复制进项目里 css文件改成wxss其他的不用管

9.在你需要使用图标的页面的wxss中导入字体图标样式

 10.在哪里引用就输入字体图标的iconfont + 图标类名 下面那个就是图标类名  iconfont 是固定的

10.1 示例

<view class="container " >
    <navigator class="searchText iconfont icon-icon-test"> 搜索</navigator>
</view>

10.2 效果图

 

问题1 - 渲染出错误

解决方案 :点下面这行 然后他会弹出一个页面 把里面内容复制 把刚刚改成wxss的iconfont文件 替换一下就好了