【BUG】Iconfont外部字体在IOS上无法显示
发布于 6 年前 作者 lei76 19054 次浏览 来自 问答

我想在小程序里使用图标字体，根据百度的教程引入了iconfont：

[@font-face](/user/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上都出现了无法正常显示字体图标__的情况

请问有人遇到相同的问题吗？有没有什么合适的解决方案？为什么我看大家遇到的都是安卓无法显示。

图标如下：

6 回复

你好，我是刚入坑的小白，现在也遇到这个问题了，你给的资源我没怎么看懂，你能不能给我详细说下，万分感谢！！

请问是写在前端里还是后端里？是后端返回的时候设置header吗

应该是跨域的原因被阻止了，需要字体后台返回

Access-Control-Allow-Origin 响应头允许跨域

难道说？IOS不支持从外部链接引入字体吗？

感谢！百度到了方法

有人吗 求解答

回到顶部