小桥流水abc
小桥流水abc
  • 发布:2019-11-10 11:37
  • 更新:2022-03-27 22:32
  • 阅读:3628

【报Bug】uni-app中APP开发不能成功加载第三方字体大文件!

分类:uni-app

uni-app中APP开发不能成功加载第三方字体大文件!
场景:
1.正确进行了base64编码

  1. 正确进行了路径引入(css,APP.vue)
  2. 思源黑体文件大小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>

2019-11-10 11:37 负责人:无 分享
已邀请:
DCloud_UNI_GSQ

DCloud_UNI_GSQ

你怎么判断的“正确进行了base64编码”?
loadFontFace加载本地在App端是支持的,你写法可能有问题,参考一下:https://ext.dcloud.net.cn/plugin?id=954

  • 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

tuonioooo

tuonioooo

我这里有两篇文章解决你这些问题 第二篇 需要配置一下Java的环境(很简单)

https://blog.csdn.net/tuoni123/article/details/123783135

https://mp.weixin.qq.com/s?__biz=MzI4MDQ5MTUzMg==&mid=2247494297&idx=2&sn=32908b4fe7ca305b2b8c85c6795564fb&chksm=ebb509fadcc280ec7b952059a4b549c0cdf30a472d784606c18b6bdbd0fdd3bbd98b10353814&token=833347124&lang=zh_CN#rd

该问题目前已经被锁定, 无法添加新回复