文章目录问题原因解决方案使用base64行内字体文件使用https路径的字体文件
问题
以前，我们学习了：如何在钉钉小程序中使用iconfont
项目开发后，测试时发现android无法启用icon字体
询问原因钉钉高手，低版本的android不支持woff2格式的字体，必须使用woff格式的字体。 由于从默认iconfont网站下载的字体，android无法正确识别woff，因为woff2排在woff之前
一般来说，你的iconfont.acss可能是这样的：
@ font-face { font-family : ' icon font '； SRC:URL(Iconfont.EOT？ t=1557465831153 '；/* ie9 */src : URL (icon font.eot？ t=1557465831153#iefix ' )格式(嵌入式开放)、/*ie6-IE8 )/URL (数据：应用程序/x -字体) )。 charset=utf-8； base64，d09GMgABAAAAA . ' )格式(wof F2 )、URL ) iconfont.woff？ t=1557465831153 ' )格式(' woff '，url('iconfont.ttf？ t=1557465831153 ' )格式(truetype )、/* chrome、firefox、opera、Safari、Android、IOs4.2*/URL ) icon font=15555 /* iOS 4.1- */}原因参考：客户字体(wof F2 ) doesn’tworkinandroidmakingappwithvisualstudiocomunityandcordova
解决方案的想法是杀死iconfont.acss上的woff2，但后来发现钉钉小程序无法识别本地woff文件…
此时，我们有两个方案来解决这个问题
使用base64内联字体文件1 .首先找到iconfont.woff文件
2 .查找可以在线将woff转换为base64格式的网站。 这里是：https://transfonter.org/
选中base64 encode，其他默认屏幕截图仅供参考
单击“convert”应该会得到转换后的字体文件。 打开stylesheet.css，找到woff格式的base64代码，逐行复制，放入你的钉钉小程序的iconfont.acss中替换原始font-face的src。 其他类型的iconfont实际上全部
4 .积分来了！ url的base64代码必须用“”括起来。 否则，还是不能用在钉子上
完成后，你的iconfont.acss应该是这样的
@ font-face { font-family : ' icon font '； src :统一资源定位符(数据： APP /字体- woff； charset=utf-8； base64，d09GRgABAAAAAAkUAA0AAAAADXAA . ' )格式(' woff )；/*转换为base64的woff */}. //其他不动、省略https路径的字体文件这是钉钉大人物提供的方案，由于我直接使用的base64，该方案还没有实践过，其实很简单
1 .将本地woff上传到服务器
2 .将内联woffurl更改为https
我没有实践过，希望是否有人可以测试并反馈评论加以利用。 这里提供大致的伪代码
@ font-face { font-family : ' icon font '； src : URL (https://your domain/icon font.woff ) (格式) (woff )； }