uni-app中APP开发不能成功加载第三方字体大文件!
场景:
1.正确进行了base64编码
- 正确进行了路径引入(css,APP.vue)
- 思源黑体文件大小6M左右
现象:
不论是@font-face方式,还是uni.loadFontFace方式均加载失败。
测试代码如下:
文件testfont.css
@font-face {
font-family: shsfont;
src: url('~@/static/b64.ttf') ;
}
.test{
font-size: 42upx;
color: rgb(24,28,24);
font-family: shsfont;
}
文件App.vue
@import './common/testfont.css' ;
文件 *.vue
<view class="test">思源黑体</view>
4***@qq.com
加载小的字体是可以的,换个10m 20m的就报错了,css那边报栈移除、loadFontFace直接走fail
2019-12-18 10:36
DCloud_UNI_GSQ
回复 4***@qq.com: 是参考插件市场这个示例吗?
2019-12-18 16:54
4***@qq.com
回复 DCloud_UNI_GSQ: 是的,直接跑那个示例是可以的,然后替换小的字体也是可以的,后面换10m 20m的就不行了,loadFontFace~~ 现在用提取字体来缩小到2m来解决这个问题
2019-12-19 09:59
1***@qq.com
回复 4***@qq.com: 怎么提取字体缩小体积啊
2019-12-24 09:48
1***@qq.com
回复 4***@qq.com: 还有怎么转成base64啊?把文件直接转base64的代码再存成ttf文件吗?
2019-12-24 09:50
bzliukai
回复 4***@qq.com: 大佬怎么自取字体缩小体积呀
2020-06-10 15:55
1***@qq.com
回复 4***@qq.com: 怎么提取字体,或者让字体文件变小,大佬请指教一下
2020-07-30 14:49