用等宽字体做设计细节，是性价比最高的「技术感」

为什么等宽字体有「技术感」

等宽字体的每个字符占同样宽度，这个特征来自打字机和终端。几十年来，程序员盯着终端看代码，等宽字体就和「专业」「精密」「工程」这些词绑在了一起。

这是纯粹的文化联想，和字体本身优不优雅没关系。

哪些地方适合用

不是什么文字都该用等宽字体——正文用等宽会很难读。适合的场景：

• 日期和时间：2026-10-28
• 编号：01 / EXPERTISE
• 标签和关键词：Docker Redis
• 小标题：英文全大写 + 字距拉开
• 数据：统计数字、代码、版本号

具体怎么做

.mono-tag {
  font-family: ui-monospace, "SF Mono", Menlo, monospace;
  font-size: 12px;
  letter-spacing: 1.6px;
  text-transform: uppercase;
}

三个细节让效果更好：

1. 字距拉开：等宽字体本来就宽，再加点字距，会有种「精密刻度」的感觉
2. 字号要小：12px 左右，作为点缀而非主体
3. 全大写：小写英文等宽看起来像代码，大写更像标签

配色搭配

等宽小标签配浅色背景，用比正文更浅的灰蓝或低饱和主色，不要抢正文的视觉权重。

等宽字体是「调味料」，不是「主菜」。撒在日期、编号、标签上，一点点就够。撒满整页就腻了。