我想在微信小程序里使用图标字体,根据百度的教程引入了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上都出现了无法正常显示字体图标的情况
请问有人遇到相同的问题吗?有没有什么合适的解决方案?为什么我看大家遇到的都是安卓无法显示。
图标如下:
微信小程序开发问题解答
微信小程序开发者回答:
你好,我是刚入坑的小白,现在也遇到这个问题了,你给的资源我没怎么看懂,你能不能给我详细说下,万分感谢!!
微信小程序开发者回答:
感谢!百度到了方法
微信小程序开发者回答:
请问是写在前端里还是后端里?是后端返回的时候设置header吗
微信小程序开发者回答:
应该是跨域的原因被阻止了,需要字体后台返回
Access-Control-Allow-Origin 响应头允许跨域
微信小程序开发者回答:
难道说?IOS不支持从外部链接引入字体吗?
本文网址:http://www.91bianli.com/weixinxiaochengxu/21399.html