uni-app之阿里字体图标转base64方法

uni-app之阿里字体图标转base64方法

uni-app开发过程中发现小程序端不能直接使用字体图标，需先转成base65方可使用，转换方式如下。

一、转换步骤

1.1 从iconfont下载字体图标文件

iconfont官方网址：iconfont-阿里巴巴矢量图标库

在“我的项目”中下载Font class文件：

得到如下文件：

1.2 去transfonter.org转换

转换地址：transfonter.org

得到的文件如下图所示：

1.3 使用

将1.2中的iconfont.ttf拷贝到项目中去，将1.1中的iconfont.css文件拷贝一份，将1.2中stylesheet.css的内容拷贝并替换iconfont.css文件中的@font-face内容（其余部分不做改变），将修改后的iconfont.css文件拷贝到项目中使用。

具体使用方法：

<view class="iconfont icon-sousuo op-search"></view>

.op-search {
	font-size: 36rpx;
	color: red;
}

1. iconfont为固定的；
2. icon-sousuo为 iconfont.css文件中的字体图标名称；
3. op-search为自定义的字体图标样式，可以改变字体图标的大小与颜色等。