问题原因

阿里巴巴图标下载到本地,在fonts文件夹下的iconfont.css文件

  1. ...
  2. url('data:application/x-font-woff2;charset=utf-8;base64,base64编码') format('woff2'),
  3. url('iconfont.woff?t=1558936091864') format('woff'),
  4. ...

iOS 10.x以下版本无法兼容woff2格式字体
##解决方法 把woff2字体引用注释掉 把woff字体文件转成base64写在url()里面,这就和原来的iconfont.css下载文件一样了

  1. ...
  2. /*url('data:application/x-font-woff2;charset=utf-8;base64,base64编码') format('woff2'),*/
  3. url('data:application/x-font-woff;charset=utf-8;base64,base64编码') format('woff'),
  4. ...

转base64链接 https://www.giftofspeed.com/base64-encoder/

更多阅读

详细讲述iconfont字体格式 - https://blog.csdn.net/qq_24357165/article/details/81292448