Anthropic Sans/Serif/Mono 字体:界面 Sans、对话 Serif、代码 Mono,中文回退思源字体。
安装
# npm 包(预构建)
dsh plugin --profile web add dsh-anthropic-fonts
# GitHub 源码(首次需按提示配置 allowBuilds 构建授权后重试)
dsh plugin --profile web add github:Isilsolme/dsh-anthropic-fonts
装任何插件都等于在你的机器上跑第三方代码,权限和你本人一样大——能读你的文件、用你的凭据、访问网络,工具审批管不到它。GitHub 来源的插件还会在安装时执行构建脚本。请只安装可信来源,并尽量锁定 commit(github:owner/repo#sha)。
README
给 DeepSeek Harness Web 界面换上 Anthropic 字体:
- 界面(侧栏、标题、按钮、设置):
Anthropic Sans Web Text - 模型对话(Markdown 正文 / 标题 / 表格):
Anthropic Serif Web Text - 代码 / 代码块:
Anthropic Mono Variable
中文回退到思源字体(Noto Sans SC / Source Han Sans SC / Noto Serif SC),未安装时回退到系统字体(苹方 / 微软雅黑 / 宋体)。
字体
重要:插件不内置字体。npm 包不随包分发字体文件;安装插件后还需手动安装字体(见下表),然后刷新 / 重启 web 才会生效。
插件引用的三个 Anthropic 拉丁字体(建议安装,英文 / 代码效果最佳):
| 字体 | 用途 | 获取方式 |
|---|---|---|
| Anthropic Sans Web Text | 界面 | 仓库 fonts/ 下载,或从 Claude 应用提取 |
| Anthropic Serif Web Text | 模型对话 | 仓库 fonts/ 下载,或从 Claude 应用提取 |
| Anthropic Mono Variable | 代码 | 仓库 fonts/ 下载,或从 Claude 应用提取 |
安装:Windows 双击每个 .ttf → 点「安装」;macOS 用「字体册」导入。安装后刷新 / 重启 web 生效。
字体版权归 Anthropic 所有,仅供个人使用,不适用 MIT 许可(详见 LICENSE 字体声明)。
中文无需额外安装:会回退到思源黑体 / 宋体(Noto Sans/Serif SC、Source Han),没有则用系统字体。
安装
标准的 dsh bundle 插件 —— 与 dsh-whale-animation 同一种形态。
CLI(推荐)
已发布到 npm,一条命令安装:
dsh plugin --profile web add dsh-anthropic-fonts
也可以从 GitHub 安装:
dsh plugin --profile web add "github:Isilsolme/dsh-anthropic-fonts"
dsh plugin add 会在 profile 内执行 pnpm add,并自动把 bundle 追加到 dsh.profile.bundles。之后重启 web 即可生效。
⚠️ 安装插件后还需手动安装字体文件(见上方「字体」)——npm 包不随包分发字体。
手动安装
// ~/.dsh/profiles/web/package.json
{
"dependencies": {
"dsh-anthropic-fonts": "^0.2.0"
},
"dsh": {
"profile": {
"bundles": [
"@deepseek-ai/dsh-base",
"@deepseek-ai/dsh-web-app",
"dsh-anthropic-fonts"
]
}
}
}
然后:
cd ~/.dsh/profiles/web && pnpm install
本地调试时,可用
"dsh-anthropic-fonts": "link:C:/path/to/dsh-anthropic-fonts"指向本地目录。
卸载 / 关闭
dsh plugin --profile web remove dsh-anthropic-fonts
(或从 dependencies 和 bundles 里移除,再 pnpm install)。重启即恢复默认字体。
原理
只覆盖 DSH 排版 token 的字体族部分:--dsw-font-family(UI 用)与全部非代码的 --dsw-font-markdown-*-font-family(对话正文用),保留 DSH 官方字号与行高;代码字体走 --ds-font-family-code。注入的 <style> 归属 client fiber,卸载时一并清理。
结构
lib/index.js—— Host 半边(空;字体效果只在浏览器)lib/client.js—— Client 半边(注入字体 CSS 变量覆盖)cordis.patch.yml—— bundle patch,插入插件行fonts/—— 三个拉丁字体文件
参考
字体栈参考了 blaxisomu/typora_claude 的实现(拉丁用 Anthropic Web 字体、中文回退思源字体)。
许可
MIT
链接
同类插件
Small-tailqwq/dsh-deep-whale★ 884
DSH Web 鲸鱼娘皮肤系列(深海女仆工坊 maid-atelier)。
KinGao294/dsh-skin★ 11
Codex 风格皮肤切换器 + 自定义壁纸层,可调透明度与模糊。
RevolutionLA/dsh-dream-skin★ 6
一键换肤插件:8 套原创主题、背景壁纸(透明度/模糊)、强调色、主题包导入/导出+分享链接、收藏与随机,纯原生 token 系统接入。
tianyhjg-lab/dsh-font★ 6
DSH Web GUI 字体切换器:99 个界面字体与 31 个代码字体,中西文自动搭配,即选即生效,localStorage 持久化。
starslittle/dsh-blue-whale★ 6
复刻 DeepSeek Chat 蓝鲸配色的皮肤,亮色/深色跟随系统外观。
PAKIKNOWLEDGE/dsh-client-ui-skin-claude★ 5
Claude 风格皮肤:暖黑画布、陶橙点缀、衬线 UI,跟随原生亮/暗主题。