如果你用了 //at.alicdn.com/t/font_1759934_f3qi49if9iu.css 这样的地址,那就请在两个斜杠前面加上 http:
【BUG】Iconfont外部字体在IOS上无法显示我想在小程序里使用图标字体,根据百度的教程引入了iconfont: [代码]@font-face {[代码][代码] [代码][代码]font-family[代码][代码]: [代码][代码]'iconfont'[代码][代码]; [代码][代码]/* project id 563821 */[代码][代码] [代码][代码]src[代码][代码]: [代码][代码]url[代码][代码]([代码][代码]'http://at.alicdn.com/t/font_563821_35qb84hyycvdkj4i.eot'[代码][代码]);[代码][代码] [代码][代码]src[代码][代码]: [代码][代码]url[代码][代码]([代码][代码]'http://at.alicdn.com/t/font_563821_35qb84hyycvdkj4i.eot?#iefix'[代码][代码]) [代码][代码]format[代码][代码]([代码][代码]'embedded-opentype'[代码][代码]),[代码][代码] [代码][代码]url[代码][代码]([代码][代码]'http://at.alicdn.com/t/font_563821_35qb84hyycvdkj4i.woff'[代码][代码]) [代码][代码]format[代码][代码]([代码][代码]'woff'[代码][代码]),[代码][代码] [代码][代码]url[代码][代码]([代码][代码]'http://at.alicdn.com/t/font_563821_35qb84hyycvdkj4i.ttf'[代码][代码]) [代码][代码]format[代码][代码]([代码][代码]'truetype'[代码][代码]),[代码][代码] [代码][代码]url[代码][代码]([代码][代码]'http://at.alicdn.com/t/font_563821_35qb84hyycvdkj4i.svg#iconfont'[代码][代码]) [代码][代码]format[代码][代码]([代码][代码]'svg'[代码][代码]);[代码][代码]}[代码][代码].iconfont {[代码][代码] [代码][代码]font-family[代码][代码]:[代码][代码]"iconfont"[代码] [代码]!important[代码][代码];[代码][代码] [代码][代码]font-size[代码][代码]:[代码][代码]16px[代码][代码];[代码][代码] [代码][代码]font-style[代码][代码]:[代码][代码]normal[代码][代码];[代码][代码] [代码][代码]-webkit-font-smoothing: antialiased;[代码][代码] [代码][代码]-moz-osx-font-smoothing: grayscale;[代码][代码]}[代码] .icon-shouye:before { content: "\e602"; } .icon-jia1:before { content: "\e600"; } .icon-tianjia:before { content: "\e601"; } ...... 引入了以后,在pc端测试完美,在安卓上也可以正常显示 然而交给团队其他人测试的时候,在iphone 6s和iphone 7p上都出现了无法正常显示字体图标的情况 请问有人遇到相同的问题吗?有没有什么合适的解决方案?为什么我看大家遇到的都是安卓无法显示。 图标如下: [图片] [图片]
2020-06-17