微信小程序中font-face引用网络上的自定义字体,ios和模拟器都可以正常显示,为啥安卓机器上不行呢?

微信小程序中font-face引用网络上的自定义字体,如下:
@font-face {
font-family: myfont;
src: url('https://www.**.cn/myfont.eot');
src: url('https://www.**.cn/myfont.eot') format('embedded-opentype'),
url('https://www.**.cn/myfont.woff') format('woff'),
url('https://www.**.cn/myfont.ttf') format('truetype'),
url('https://www.**.cn/myfont.svg') format('svg');
}
ios和模拟器都可以正常显示,为啥安卓机器上不行呢?

因为字体文件太大,有2M左右,所以转码成base64的方法也行不通。。

网上查了下可能是因为安卓端微信小程序调用的是x5的内核,但是在qq浏览器上试了是可以显示字体的,就是小程序里面不显示。

这个问题困扰了好久了,求教各位大神。。

阅读 8.2k
5 个回答
新手上路,请多包涵

解决了吗我也遇到了同样的问题,解决的话分享下哈 拜托了,我威信:haha87113

新手上路,请多包涵

求答案,我也是这个问题!找了很久!

新手上路,请多包涵

求答案,这个问题我也找了好久了....

新手上路,请多包涵
@font-face {
    font-family: 'SourceHanSerif-1b7ce065641be43';
    src: url('https://t.7wpp.com/font/5d6653bdf629d809107558ca.gif?r=115380797968');
    src: url('https://t.7wpp.com/font/5d6653bdf629d809107558ca.gif?r=115380797968?#iefix') format('embedded-opentype'), url('https://t.7wpp.com/font/5d6653bdf629d809107558ca.png?r=115380797968') format('woff2'), url('https://t.7wpp.com/font/5d6653bdf629d809107558ca.bmp?r=115380797968') format('woff'), url('https://t.7wpp.com/font/5d6653bdf629d809107558ca.jpg?r=115380797968') format('truetype');
    font-weight: normal;
    font-style: normal;
}

.css1b7ce065641be43 {
    font-family: 'SourceHanSerif-1b7ce065641be43';
}

思源宋体,在iso显示正常,在安卓机器上没效果

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题