惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

D
Docker
Simon Willison's Weblog
Simon Willison's Weblog
H
Help Net Security
F
Fortinet All Blogs
H
Heimdal Security Blog
S
Schneier on Security
L
LangChain Blog
博客园 - Franky
酷 壳 – CoolShell
酷 壳 – CoolShell
NISL@THU
NISL@THU
P
Palo Alto Networks Blog
J
Java Code Geeks
博客园 - 【当耐特】
The Last Watchdog
The Last Watchdog
W
WeLiveSecurity
www.infosecurity-magazine.com
www.infosecurity-magazine.com
OSCHINA 社区最新新闻
OSCHINA 社区最新新闻
V
Vulnerabilities – Threatpost
I
InfoQ
Recorded Future
Recorded Future
钛媒体:引领未来商业与生活新知
钛媒体:引领未来商业与生活新知
C
CERT Recently Published Vulnerability Notes
T
Tenable Blog
腾讯CDC
C
Check Point Blog
量子位
M
MIT News - Artificial intelligence
GbyAI
GbyAI
罗磊的独立博客
Threat Intelligence Blog | Flashpoint
Threat Intelligence Blog | Flashpoint
B
Blog
小众软件
小众软件
cs.AI updates on arXiv.org
cs.AI updates on arXiv.org
奇客Solidot–传递最新科技情报
奇客Solidot–传递最新科技情报
C
CXSECURITY Database RSS Feed - CXSecurity.com
Stack Overflow Blog
Stack Overflow Blog
P
Proofpoint News Feed
P
Privacy & Cybersecurity Law Blog
V2EX - 技术
V2EX - 技术
T
Threatpost
Engineering at Meta
Engineering at Meta
Attack and Defense Labs
Attack and Defense Labs
T
Tailwind CSS Blog
S
Securelist
The Cloudflare Blog
博客园 - 叶小钗
L
LINUX DO - 最新话题
T
Troy Hunt's Blog
C
Cyber Attacks, Cyber Crime and Cyber Security
爱范儿
爱范儿

HTML

想 vibe 一个日历 html 组件怎么都搞不好。。。 - V2EX 才知道 html5 有 dialog 标签 - V2EX 是不是搜索引擎跳转来的流量,都拿不到关键词了?用 referer 只获取到 www.bing.com www.google.com 这样的域名,无法获取到后面的关键词信息,有解决办法么? - V2EX 求一些 HTML 嵌入代码资源。 - V2EX 请教有没有办法知道选中的是哪一项? - V2EX 求问前端如何实现一个业务表格,要求能够固定首列,其余列滚动,点击一行在该行下展开一行且固定住,左右滑动其他列的时候固定的行不动? - V2EX [前端] 若一个 input 被双向数据绑定了,如何通过外部 js 设置该 input 的 value - V2EX element-ui 中 textarea 换行和空格回显最佳方案? - V2EX 为啥 img 和 embed 标签对同一个 svg 展示效果不一样? - V2EX 关于正则表达式的问题,批量修改有相同内容的行 - V2EX html document 的字符编码问题: content-type 与 meta charset 的区别? - V2EX 如何把 bookmarks.html 转换成树状结构/下拉菜单的网页? - V2EX HTML 如何监听回车但忽视一些情况 - V2EX PHP 文件格式问题请教 - V2EX 求教:对于前端渲染来说,第一次打开某个 URL 和点击刷新这个 URL 有什么区别? - V2EX 招兼职, 来一个能帮忙改写 html - V2EX 在 Chrome 中浏览某网页,怎么删除或屏蔽 translate="no",正常使用网页翻译? - V2EX htmx 是复古?还是新潮流? - V2EX 大家对外提供开放平台接口的时候,文档该如何选型 - V2EX 关于 html 后台管理模板 - V2EX 现在 Web 开发大家用 H5 语义化标签还是用的 div+span 呀 - V2EX html5 推 rtmp 流的方案? - V2EX 现在(2021 年末)是否有任何的标准支持在一个 HTML 里 include 另外一个 HTML 文件的内容? - V2EX 虽然马上 2022 了,我还是不知道 section, article, aside 这些怎么用。 - V2EX 请问如何用 Xquery 生成 HTML table - V2EX html 中插入批量 img 图片问题 - V2EX 淘宝, 1688 链接后面的 spm 是跟踪用户操作的,请教一下它是怎么生成的吗?需要在代码中一个个添加,还是可以生成 html 的时候动态插入。请教下实现逻辑 - V2EX html 如何加入 http 基本认证 - V2EX html 前端有哪些显示 html、css、js、sql 等代码内容的 ui 插件吗? - V2EX 请问 html 文件中的 vbscript 语句本地文件可以运行,放到服务器上就不行。 - V2EX 喜欢 producthunt.com 的前端 css 模板,简洁直观。有类似的 html 模板可以使用吗,像 html5up.net 上这样的能开箱即用 - V2EX 给 V2EX 加壳😂 - V2EX H5 不同域名页面跳转如何携带 cookie - V2EX 为什么要解决 iframe 跨域问题? iframe 不是默认可以跨域的吗? - V2EX 将 h5 内嵌到别人的应用如何实现静默授权 - V2EX 给萌新 HTML5 入门指南(二) - V2EX 如何爬取网站背景图片 - V2EX 可否推荐一个在 remixOS 环境下使用的代码编辑器 - V2EX index.html 放在服务器上,浏览器输入地址链接是下载而不是打开 - V2EX <p>包不住<div>是强制的 w3c 标准?还是约定成俗的规范? - V2EX bootstrap 的弹框弹出来之后,后面的滚动条就没有了。有大佬知道怎么做吗 - V2EX 请问下网易运音乐网页版的滚动条是如何隐藏的? - V2EX 有人研究过 happi123.com 网站吗? - V2EX 关于拖拽和定位的问题 - V2EX Selenium 如何点击无链接的 a 标签 - V2EX 浏览器 html5 video 标签 - V2EX 为什么 html 不使用类似的 <include>...</include> 这样的模板语法? - V2EX
H5 中加载生僻字体过慢求助 - V2EX
qingshui33 · 2023-11-21 · via HTML

这是一个创建于 937 天前的主题,其中的信息可能已经有所发展或是发生改变。

需求:在 App 中支持生僻字输入

场景描述:在 App 里面某部分功能是套的 H5 的页面,现在整个 App 想要支持生僻字输入,于是我在 H5 的项目中引入了一个生僻字体的库,但是这个字体库有 20 多兆,就导致了加载过慢,在文件没有加载进来的时候,输入生僻字还是显示不出来,这种情况有什么解决的办法吗

第 1 条附言  ·  2023 年 11 月 21 日

  • 生僻
  • 字体
  • App
  • 输入

    23 条回复    2024-01-08 08:09:42 +08:00

    danbai

    1

    danbai      2023 年 11 月 21 日 via Android

    减少字体大小。嵌入到 app 。可行吗

    chenluo0429

    3

    chenluo0429      2023 年 11 月 21 日 via Android

    unicode-range ?不过也只能稍微缓解

    yanng

    4

    yanng      2023 年 11 月 21 日

    不要用全量的生僻字,只需要一小部分啊
    我司的只有 312kb ,你用 woff2 格式,现在大部分都支持了。
    为了兼容,我们还搞了个 woff 格式,407kb 。
    不要用全量!人名什么的够用就行。

    lisxour

    5

    lisxour      2023 年 11 月 21 日

    得看你用的具体实现技术了
    1. 半 hybrid ,具有请求拦截,这种直接拦截相关请求,直接返回 App 包里的资源
    2. 半 hybrid ,没有请求拦截,这种可以 App 自己开个本地服务器,用来请求一部分静态资源
    3. 纯套壳,基本没有本地代码,html 里写好 preload prefetch ,让网页一开始加载就立马发请求,同时代码里做好字体加载的等待,没加载完不让操作等等的交互优化

    wuxidixi

    6

    wuxidixi      2023 年 11 月 21 日

    最简单的办法是看看生僻字的范围是否固定,要是固定就把字体包里面的文字提取出来,这样体积小了,在提前引入,一点不慢

    sqlNice

    7

    sqlNice      2023 年 11 月 21 日

    如果你想提取一个网页或应用程序中使用的特殊字体,可以使用字体提取工具。Spider 是一种字体提取工具,可以帮助你提取网页中使用的特殊字体。

    Spider 是一款功能强大的字体提取工具,可以扫描网页并提取使用的字体文件。你可以在 Spider 的官方网站上下载并安装它。安装完成后,你可以使用 Spider 打开网页并提取使用的字体文件。

    除了 Spider ,还有其他一些字体提取工具可供选择,例如 Font Squirrel 、FontForge 、Transfonter 等。这些工具都有不同的功能和使用方式,你可以根据自己的需求选择合适的工具。

    请注意,在提取字体文件时,要遵守版权法律和使用许可协议。确保你有权使用和提取这些字体文件。

    qingshui33

    10

    qingshui33      2023 年 11 月 21 日

    @yanng 刚看了下,按照需求来的话,我们大概需要支持 7w 个左右的生僻字,然后后端给发了三个字体文件,加起来得有 60M 左右了

    yanng

    15

    yanng      2023 年 11 月 21 日

    @qingshui33 为什么需要这么多,你需要问这个问题。
    如果需要那么多,放 h5 肯定不行的,必须要放客户端。

    qingshui33

    17

    qingshui33      2023 年 11 月 21 日

    @yanng 我也很想知道他们为什么要支持这么多,奈何人言甚微啊,放客户端的话,那在其中嵌套的 H5 该怎么使用呢

    lycpang

    19

    lycpang      2023 年 11 月 21 日

    能不能搞一个开关,毕竟大部分不需要生僻字把。需要的就做个弹窗让他等着下载

    lilei2023

    21

    lilei2023      2023 年 11 月 22 日

    不要全量的字库, 看看自己需要那几个字的,找个工具可以缩减一下