uniappp-字体图标使用-图标在IOS显示不出来

前言:字体图标常用到的是阿里的iconfont,阿里的iconfont在IOS默认显示的基本是没有问题的,但是有时候图标显示不正常,比如:显示正方形、或者问号。在buttons引用的字体图标如果是固定的,不是动态修改一般是没有问题的,但是有的时候关系到字体图标的动态切换。在安卓上点击字体图标进行切换是正常的,在IOS就出现以上提到的正方形、或者问号。


这里就有一个坑了,下面是描述的是解决方~法
ps:图标在IOS显示不出来主要是当前版本;不包括uniapp后继版本更新而修复


最终效果:在这里插入图片描述


PS:在IOS上图标显示不出来的效果
在这里插入图片描述
在这里插入图片描述


PS:百度字体Iconfont在安卓和IOS上不管是静态还是动态的图标切换都是可以正常显示的

阿里Iconfont地址:https://www.iconfont.cn/?spm=a313x.7781069.1998910419.d4d0a486a
百度字体Iconfont地址:http://fontstore.baidu.com/store#!/myupload


字体图标的使用
PS:以下是在百度字体平台
在这里插入图片描述


导出
在这里插入图片描述


导出的压缩包-解压后的文件
PS:bdfont.ttf是字体文件;icon.css是字体图标代码
在这里插入图片描述


uniapp引用Iconfont图标

  1. 将字体复制到项目static目录下
    在这里插入图片描述

  1. 在buttons引用,text是里面的\后面必须加u后面的e001便是icon.css文件的.icon-draft_box:before里面的content
    在这里插入图片描述
    icon.css文件
    PS:可以同时下载多个字体图标

    单个图标下载的icon.css
    在这里插入图片描述
    多个图标下载的icon.css
    在这里插入图片描述