问题:1、微信小程序不能随意使用网络资源,如字体、css文件等2、小程序不能使用字体文件3、背景-位置背景图片不能使用定位使用内部png图片下面将介绍如何制作一个base64字体图标。简单方法:通过两个在线工具,很容易生成base64加密的字体图标。第一步:在线选择图标,生成字体和CSS文件打开浏览器:https://icomoon.io/app/#/select选择图标。如果觉得还不够,可以点击页面左下角的“AddIconFromLibrary...”添加字体库。您可以选择免费和常用的字体,例如FontAwsome。选择图标选择图标后,点击页面右下角的“生成字体”->下载,下载字体文件包icomoon.zip生成图标。第二步:在线转换base64编码字体,解压icomoon.zip。打开浏览器:https://transfonter.org/Convertfont点击“AddFonts”按钮上传解压文件夹中的字体文件:fonts/icomoon.ttf在以下选项中,将Familysupport和Base64encode设置为On,并且Formats栏只能勾选woff2(生成的文件字节数少)点击“Convert”按钮后,下方会出现一个下载链接,点击下载(transfonter.org-20180805-033630.zip)第三步:合成小程序使用的.wxss文件在小程序工程中新建一个图标字体样式文件,如common/icons.wxss,打开第二步下载的文件包中的stylesheet.css,复制@font-face的内容到小程序的icons.wxss中打开第一步下载文件包中的Style.css,将[class^="icon-"]和以下内??容复制到icons.wxss中第四步:使用字体图标要使用wxml文件中的view标签或image标签,addclass可以是wxss文件中的类名。如果需要改变图标的??字体大小,可以通过font-size来改变:
