这是一个创建于 403 天前的主题，其中的信息可能已经有所发展或是发生改变。
需求：在 App 中支持生僻字输入
场景描述：在 App 里面某部分功能是套的 H5 的页面，现在整个 App 想要支持生僻字输入，于是我在 H5 的项目中引入了一个生僻字体的库，但是这个字体库有 20 多兆，就导致了加载过慢，在文件没有加载进来的时候，输入生僻字还是显示不出来，这种情况有什么解决的办法吗
场景描述：在 App 里面某部分功能是套的 H5 的页面，现在整个 App 想要支持生僻字输入，于是我在 H5 的项目中引入了一个生僻字体的库，但是这个字体库有 20 多兆，就导致了加载过慢，在文件没有加载进来的时候，输入生僻字还是显示不出来，这种情况有什么解决的办法吗
第 1 条附言 · 2023-11-21 10:09:53 +08:00
 |
1
danbai 2023-11-21 09:19:13 +08:00 via Android
减少字体大小。嵌入到 app 。可行吗
|
 |
2
qingshui33 OP @danbai 如果放到 App 中的话，那在 H5 中该怎么使用这个字体呢
|
 |
3
chenluo0429 2023-11-21 09:23:17 +08:00 via Android
unicode-range ？不过也只能稍微缓解
|
 |
4
yanng 2023-11-21 09:25:08 +08:00
不要用全量的生僻字，只需要一小部分啊
我司的只有 312kb ，你用 woff2 格式，现在大部分都支持了。 为了兼容，我们还搞了个 woff 格式，407kb 。 不要用全量！人名什么的够用就行。 |
 |
5
lisxour 2023-11-21 09:29:38 +08:00
得看你用的具体实现技术了
1. 半 hybrid ，具有请求拦截，这种直接拦截相关请求，直接返回 App 包里的资源 2. 半 hybrid ，没有请求拦截，这种可以 App 自己开个本地服务器，用来请求一部分静态资源 3. 纯套壳，基本没有本地代码，html 里写好 preload prefetch ，让网页一开始加载就立马发请求，同时代码里做好字体加载的等待，没加载完不让操作等等的交互优化 |
 |
6
wuxidixi 2023-11-21 09:34:07 +08:00
最简单的办法是看看生僻字的范围是否固定，要是固定就把字体包里面的文字提取出来，这样体积小了，在提前引入，一点不慢
|
 |
7
sqlNice 2023-11-21 09:37:43 +08:00
如果你想提取一个网页或应用程序中使用的特殊字体，可以使用字体提取工具。Spider 是一种字体提取工具，可以帮助你提取网页中使用的特殊字体。
Spider 是一款功能强大的字体提取工具，可以扫描网页并提取使用的字体文件。你可以在 Spider 的官方网站上下载并安装它。安装完成后，你可以使用 Spider 打开网页并提取使用的字体文件。 除了 Spider ，还有其他一些字体提取工具可供选择，例如 Font Squirrel 、FontForge 、Transfonter 等。这些工具都有不同的功能和使用方式，你可以根据自己的需求选择合适的工具。 请注意，在提取字体文件时，要遵守版权法律和使用许可协议。确保你有权使用和提取这些字体文件。 |
 |
8
totoro625 2023-11-21 09:52:10 +08:00
我是全部手动提取的，我自用字体： https://conf.totoro.pub/fonts/font-face.css
手动切片工具： https://github.com/ecomfe/fontmin-app 有一个自动化工具，我暂时找不到，他可以把字体切成 45/92/368 片，我贴了完整的数据源： https://github.com/Totoro625/totoro625-font-family/releases/tag/demo |
|
9
qingshui33 OP @chenluo0429 好的，这个等会试下看看
|
|
10
qingshui33 OP @yanng 刚看了下，按照需求来的话，我们大概需要支持 7w 个左右的生僻字，然后后端给发了三个字体文件，加起来得有 60M 左右了
|
|
11
qingshui33 OP @lisxour 这个也不太明白原生那边有的啥方法，😂
|
|
12
qingshui33 OP @wuxidixi 范围是固定的，但是字数也确实很多，我看看能不能缩小点
|
|
13
qingshui33 OP @sqlNice 可以
|
|
14
qingshui33 OP @totoro625 好的，我看看哈
|
|
15
yanng 2023-11-21 10:17:14 +08:00
@qingshui33 为什么需要这么多，你需要问这个问题。
如果需要那么多，放 h5 肯定不行的，必须要放客户端。 |
|
16
totoro625 2023-11-21 10:34:44 +08:00
常用 6763 个汉字使用频率表： https://blog.sina.com.cn/s/blog_5e2ffb490100dnfg.html
切片之后就会发现常用的 6k 字其实只有不到 1mb 处理好 Unicode 编码范围，切 92 片是常用的办法，实在不行就 368 片 |
|
17
qingshui33 OP @yanng 我也很想知道他们为什么要支持这么多，奈何人言甚微啊，放客户端的话，那在其中嵌套的 H5 该怎么使用呢
|
|
18
qingshui33 OP @totoro625 好的，我看看啊
|
 |
19
lycpang 2023-11-21 11:11:21 +08:00
能不能搞一个开关，毕竟大部分不需要生僻字把。需要的就做个弹窗让他等着下载
|
|
20
qingshui33 OP @lycpang 这事情得看需求怎么说了
|
 |
21
lilei2023 2023-11-22 09:32:37 +08:00
不要全量的字库， 看看自己需要那几个字的，找个工具可以缩减一下
|
|
22
qingshui33 OP @lilei2023 主要是他支持的字太多了，目前准备是先这样，后续让他们再缩小一下范围
|
 |
23
Ashes26 355 天前 via Android
|
Select Language