第二步:在线转换base64编码字体
解压icomoon.zip
浏览器打开:https://transfonter.org/
transfonter.jpg
点击“Add Fonts"按钮,上传解压文件夹中的字体文件:fonts/icomoon.ttf
在下面选项中,将Family support,Base64 encode两项设置为On,Formats一栏可只勾选woff2(生成文件的字节数少)
点击”Convert“按钮后,会在下面出现一个download链接,点击下载(transfonter.org-20180805-033630.zip)
第三步:合成小程序使用的 .wxss文件
在小程序工程中新建图标字体样式文件,如common/icons.wxss
打开第二步下载的文件包中的stylesheet.css,将@font-face内容拷贝到小程序的icons.wxss中
打开第一步下载的文件包中的style.css,将[class^="icon-"] 及以下的内容拷贝到icons.wxss中
第四步:使用字体图标
在wxml文件中使用view标签或image标签,添加class为wxss文件中的类名即可,若需要改变图标字体大小可以通过font-size来改变:
<view class='icon-search' style='font-size:64rpx'></view>
作者:Joyourlife
链接:https://www.jianshu.com/p/baab4041c6ce
来源:简书
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。