美团 LongCat 聊天页一页三种字体,根因竟是中文字体栈没写兜底
teortaxesTex · x · 2026-11-03
teortaxesTex 吐槽美团 LongCat 网页版字体渲染异常并@官方要求修复,配图是一段技术分析:那一页同时出现三种字体,正是问题的线索。
- 用户气泡(含报错行)显示为 Times New Roman——浏览器默认衬线字体;思考文本/工具栏/占位符用的是 PingFang SC 这类中文字体的拉丁字形;代码块则是 Menlo/DejaVu Sans Mono(还暴露了作者用的是 macOS/Linux 而非 Windows)。
- 根因:CSS 的 font-family 回退是按声明生效而非继承,消息气泡组件的字体栈里每个字体名在他机器上都找不到,又没写通用 sans-serif 兜底,于是塌到 Times。
- 两种常见机制:一是组件字体栈只写了 Windows 专属中文字体(如 Microsoft YaHei、SimHei)——国内开发者全用中文 Windows 测试所以从未发现问题,海外 Mac 上一打开就崩;二是自托管品牌字体没有 fallback,字体文件被 CDN 慢加载/地区限制/广告拦截器挡掉。
- 总结:为「中文 Windows + 中国网络」写死且从未在他处测试、又无兜底字体的字体栈,是这类 bug 的共同根源。
「编程与Agent」频道最新
- 深度解析 DeepSeek 超级智能体:Router 统管多 Worker 并行干活 — zainhas · 2026-11-03
- YC 项目 WonderSearch 发布:一个硬盘让 Claude Code、Codex、Cursor 共享记忆 — Scobleizer · 2026-11-03
- Xbow 曝光 $4 万拿下 Chrome 全链漏洞的 API 成本明细 — moyix · 2026-11-03
- Phone Harness MCP 发布:云端 Agent 可操控真实 iPhone/Android — Scobleizer · 2026-11-03
- LangChain 提出2026年末上下文工程新挑战:浏览器、长期目标、异步 — hwchase17 · 2026-11-03
- MotherDuck 发布 Flight Explainer:Python 管道运行实时可视化 — josh_wills · 2026-11-03