• 前端
• CLI
• 开发工具

DM Mono 是由 DeepMind 团队委托 Colophon Foundry 设计的开源等宽（monospace）字体家族，在 Fontsource 中以@fontsource/dm-mono包的形式提供。本文以 Fontsource 仓库中 DM Mono 的家族描述文档 为骨架，结合仓库内的元数据、分发清单与源码实现，讲清它的设计背景、字重/字型结构、授权信息，并给出在真实项目中通过 Fontsource 自托管、按需引入与 CDN 使用的完整方案。读完本文，你将能够准确判断 DM Mono 是否适合你的项目，并独立完成它的安装、导入与样式定制。

DM Mono 是什么：为 DeepMind 打造的等宽字体

根据 Fontsource 仓库中的 DM Mono 描述文档，DM Mono 是一个three weight（三种字重）、three style（三种风格）的字体家族，专为 DeepMind 设计。它的设计源头是同样收录于 Fontsource 的 DM Sans（低对比度几何无衬线字体），与 DM Sans 相比，DM Mono 在保持家族血缘的同时做了两项关键调整：

• 降低了笔画对比度（reduction in contrast）：作为等宽字体，它需要在高密度、小尺寸的代码与表格场景下保持可读性，过强的粗细对比会干扰视线；
• 弱化了几何化的比例（less geometric proportions）：这让它不像典型「几何等宽」字体那样生硬，字形更接近书写与阅读的自然节奏。

从 family.json 的元数据可以看出，Fontsource 将它的字体分类（classifications）登记为monospace与sans-serif两项，设计者（designer）字段为Colophon Foundry，并打上了expressive/calm、expressive/rugged、sans/geometric三组标签（对应 taxonomy.json 中的标签体系），即官方将其定性为「平静 / 硬朗风格的几何无衬线等宽字体」。值得一提的是，DM Sans 的描述文档说明其字形源自印度字体公司 ITF 的 Poppins 拉丁部分，因此 DM Mono 可以看作 Poppins → DM Sans → DM Mono 这条「几何家族谱系」上的等宽分支。

字重与风格结构：三字重 × 双风格的完整矩阵

描述文档中的「three weight, three style」在仓库元数据里可以得到精确印证。distribution.json 列出了 Fontsource 实际分发的全部静态变体（static）：

即 Light / Regular / Medium 三种字重，每种都有 normal 与 italic 两种风格，共 6 个静态字面。同时注意：

• 无可变字体版本：与 variable.mdx 中描述的@fontsource-variable/*包不同，DM Mono 的 distribution.json 只声明了static数组、没有variable字段，schema 层面由 schema.ts 的familyDistributionSchema约束（static与variable至少声明其一）。因此请直接使用静态包@fontsource/dm-mono。
• 子集覆盖：字符集（characters）只包含latin与latin-ext两个子集，默认子集为latin，适合英语及大多数西欧语言排版；不含中文、日文等 CJK 字符集。

字体文件内部细节（inspection 数据）

family.json 的sources数组中，每个源文件都带有一份由@fontsource-utils/core生成的字体检查（inspection）记录，这些数据经 registry/scripts/inspection.ts 的normalizeInspection归一化后落盘。以 Regular 为例，可观察到如下实现事实：

• 字体版本：Version 1.000; ttfautohint (v1.8.2.53-6de2)——经 ttfautohint 自动加注 hint，保证小字号屏幕显示清晰；
• 轮廓格式：outline: "glyf"，即 TrueType 二次贝塞尔轮廓，因此可无损转换为 woff2 等 Web 格式；
• 字形规模：每个字面包含 411 个 glyph、覆盖 381 个 codepoint（含拉丁扩展、西里尔字母片段、常用标点、货币符号如 € ₽、数学符号等，具体见unicodeRange字段）；
• OpenType 特性：gsub 提供aalt、ccmp、frac、locl、ordn、salt、ss01–ss05、sups（即 5 套风格化替换、分数、上下标等特性），gpos 提供mark、mkmk（组合音标与组合音标间定位）。

这些数据来自 google/fonts 上游仓库的ofl/dmmono目录（见provenance字段），Fontsource 在 upstreams.json 中锁定了上游 revision，保证仓库内字体文件可追溯、可复现。

授权与版权：SIL Open Font License 1.1

DM Mono 采用SIL Open Font License v1.1（OFL-1.1），版权归属Copyright 2020 The DM Mono Project Authors。仓库内的 license.txt 给出了完整协议文本，其要点包括：

• 允许免费使用、研究、修改与再分发，也可随软件捆绑、嵌入或销售；
• 字体本身不得单独售卖，但可随软件打包销售；
• 衍生字体必须继续以 OFL 协议发布，且不得使用保留字体名（Reserved Font Name）；
• 使用该字体排版的文档不受本协议约束（即你排版出来的文章、网页内容无需开源）。

对前端开发者而言，这意味着把 DM Mono 通过 Fontsource 打包进商业网站或应用完全合法，无需额外付费或署名（仅建议在改动衍生作品时保留版权声明）。这也是 Fontsource 项目整体强调的授权纪律的一部分——仓库 README 提醒「Always make sure to read the license for each font you use」，具体许可证见各包 README。

在 Fontsource 中安装与使用 DM Mono

DM Mono 属于 Google Fonts 生态，在 Fontsource 的 legacy-fonts.json（兼容旧版本命名体系的字体清单）中也有登记，说明它一直是 Fontsource 长期维护的家族。以下安装步骤基于 install.mdx 的官方流程，并替换为 DM Mono 的实际参数。

1. 安装 npm 包

在支持 CSS 打包的工程（Vite、Webpack、Remix、Next.js 等）中使用你习惯的包管理器安装静态包：

npm install @fontsource/dm-mono # 或 pnpm add @fontsource/dm-mono / yarn add @fontsource/dm-mono

2. 按需导入字重与风格

DM Mono 没有可变字体包，因此按 install.mdx 中「Static Fonts」一节的方式，只导入项目实际用到的字面。每个导入对应一个固定字面：

// 应用入口文件 import "@fontsource/dm-mono"; // 默认 400 normal import "@fontsource/dm-mono/300.css"; // Light import "@fontsource/dm-mono/500.css"; // Medium import "@fontsource/dm-mono/400-italic.css";// Regular Italic

需要注意：normal 风格的导入不会包含同字重的 italic 字面，需要斜体时必须单独导入（如import "@fontsource/dm-mono/300-italic.css"）。如果你只需要默认的 400 常规体，一个根导入即可。

3. 在 CSS 中引用

导入后即可用家族名DM Mono在样式中引用：

body { font-family: "DM Mono", ui-monospace, monospace; }

4. 按子集细分（进阶）

默认导入的 CSS 通过unicode-range描述符（由 face-rule.ts 的renderFontFaceRule生成）只让浏览器下载页面实际用到的字符子集，因此通常无需手动选择子集。若确有特殊需求（例如只想要 latin-ext），可按 subsets.mdx 的方式导入子集 CSS：

import "@fontsource/dm-mono/latin.css"; import "@fontsource/dm-mono/latin-ext-400.css";

5. TypeScript 项目的声明文件

如果你的项目开启了 TypeScript 的noUncheckedSideEffects等严格选项，导入 CSS 可能报错。按 install.mdx 的建议，在src/globals.d.ts中加入环境声明：

declare module "*.css"; declare module "@fontsource/*" {} declare module "@fontsource-variable/*" {}

通过 Fontsource CDN 加载（免构建场景）

如果项目不方便用打包器（如纯静态 HTML 或 CMS 模板），可使用 Fontsource 与 jsDelivr 合作的 CDN。按 cdn.mdx 的 URL 规范，DM Mono 的静态样式表格式为：

https://cdn.jsdelivr.net/fontsource/css/{id}@{version}/{file}.css

例如引入默认样式表与最小化的 latin 子集：

<link rel="stylesheet" href="https://cdn.jsdelivr.net/fontsource/css/dm-mono@5.2.7/index.css" /> <link rel="stylesheet" href="https://cdn.jsdelivr.net/fontsource/css/dm-mono@5.2.7/latin.min.css" />

直接引用字体文件的静态 URL 模式为：

https://cdn.jsdelivr.net/fontsource/fonts/{id}@{version}/{subset}-{weight}-{style}.{extension}

例如获取 latin 子集、400 字重、normal 风格的字体文件：

https://cdn.jsdelivr.net/fontsource/fonts/dm-mono@5.2.7/latin-400-normal.woff2

CDN 支持精确版本（如@5.2.7，不可变、可长缓存，生产环境推荐）与浮动版本（@latest、@5、@5.2，自动跟随更新）。生产环境建议始终使用精确版本号，升级字体时再显式更新 URL。

用 Sass Faces Mixin 生成定制化的 @font-face

对于需要精细控制输出 CSS 的 Sass/SCSS 项目，Fontsource 提供了@fontsource-utils/scss的faces混入（mixin），文档详见 faces-mixin.mdx。以 DM Mono 为例，先生成仅包含 latin 子集、400 常规体的 CSS：

@use "pkg:@fontsource-utils/scss" as fontsource; @use "pkg:@fontsource/dm-mono/scss" as dmmono; @include fontsource.faces( $metadata: dmmono.$metadata, $subsets: latin, $weights: 400, $styles: normal );

也可以一次包含多个子集、字重与全部风格：

@include fontsource.faces( $metadata: dmmono.$metadata, $subsets: (latin, latin-ext), $weights: (300, 400, 500), $styles: all );

混入的核心参数如下（完整参数表见 faces-mixin.mdx）：

最终生成的@font-face规则由 face-rule.ts 统一渲染：包含font-family、font-style、font-display（默认swap）、font-weight、src（woff2/woff 多源回退）以及unicode-range，保证包、CDN 与预览三种场景输出完全一致的规范形态。

典型应用场景与小结

综合设计背景、元数据与工程实践，DM Mono 最适合以下场景：

• 代码展示与开发工具 UI：等宽 + 低对比度 + hinting，适合代码块、终端、行号、表格数据等小字号高密度场景；
• 数据可视化与仪表盘：等宽数字对齐稳定，expressive/calm的风格标签适合需要冷静克制的数据界面；
• 需要与 DM Sans 配套的品牌系统：两者出自同一设计谱系，可作为「正文字体 + 等宽字体」的家族化搭配（注意 DM Mono 自带 italics，可与 DM Sans 的风格形成互补）。

需要记住的限制：DM Mono没有可变字体版本（distribution.json无variable声明），字重仅 300/400/500，字符集仅覆盖 latin 与 latin-ext，不适用于中文等 CJK 场景。在 Fontsource 仓库中，你可以通过 family.json、distribution.json 与 license.txt 随时核对其完整元数据、分发矩阵与授权文本，从而放心地将其纳入自己的字体栈。

• 前端
• CLI
• 开发工具