Date 2025-11-20 12:44:00

经常做Android设计的朋友应该经常被一个问题所困扰,那就是思源黑体的行高特别高,整体文字偏低。这将导致 UI 在设计软件中使用居中操作后,视觉上总是偏低。
但是这个问题 Adobe 这位官员从来没有解决过,甚至不认为这是个问题。
下载思源黑体和更多黑体字:
“黑体”结构清晰,字形风格简洁有力,能使布局显得庄重醒目,富有现代感。
阅读文章 >作为一名工作多年的非知名视觉设计师,这种事情是无法忍受的。如下图所示,虽然按钮文本在布局中排名第一,但由于行高的存在和思远黑体文本本身的下降,此时文本整体下降。

目前,由于硬件平台和软件适应。不同的公司对行高有不同的定义 1.4 倍、1.5 倍,还有一些更复杂的计算方法。由于思源黑体整体偏低,原默认行高偏高,自定义行高后 figma 和 MasterGo 在设计软件中,字体显示更加离谱,完全失去平衡。
那么有什么好的解决方案呢?
关于这个问题,我向国内很多设计软件提出了建议,但是没有人开始优化。于是我找到了各种各样的解决方案,最后努力得到了回报。让我找到一个基于思源黑体优化的字体——梦源黑体。
免费开源可商用此字体:https://github.com/Pal3love/dream-han-cjk
为什么叫梦源黑体?因为这个字体是一个叫梦回琼华的软件开发工程师在思源黑体可变版的基础上修改的。
梦源黑体将可变版思源字体的大量中间字重实例转化为传统单字重字体,结合重叠曲线轮廓,在保证最大兼容性的前提下,提供更加精致丰富的字重选择。此外,该项目还修复了思源系列的广泛存在 Adobe 行高过大的问题。本系列字体的其它功能(如字形、垂直排列、kerning、多语言、异体字、曲线精度等。)与思源系列完全一致,没有任何修改。(引自作者原文: https://zhuanlan.zhihu.com/p/480219182 )
通过下图,我们可以发现,在相同大小和行高的前提下,思源黑体、梦源黑体和苹果三种字体的文本布局,苹果总是可以保持中间位置,梦源黑体在一般常用大小时表现良好,可以保持中间。当字体太大时,它会有点低,在使用中 64 当编号时,上下间距的差异 3px,完全可以满足日常使用。而思源黑体则显得惨不忍睹,基本上 10 数字以上会出现明显偏下;

既然梦源黑体可以解决思源黑体的问题,直接替换就可以了吗?理论上是可行的,但也会有一些问题,因为梦源黑体的原作者是基于可变版思源黑体进行优化的,字重有 27 太多了。思源黑体标准版只有。 7 种子,从细到粗分别是 ExtraLight、Light、Normal、Regular、Medium、Bold、Heavy;

因此,要使用梦源黑体,需要与标准版的思源黑体字重一一对应,通过对比筛选出其对应关系如下:ExtraLight=W1、Light=W6、Normal=W12、Regular=W13、Medium=W17、Bold=W22、Heavy=W27;
因此,如果您只是想解决字体行高和不居中的问题,请使用上述字体字重 UI 还可以在设计软件中定制行高,使用文本保持上下居中;
作为一种强迫症,作者对梦源黑体进行了如下修改,首先将字体名称和字重从梦源黑体改为相应的思源黑体和字重。
同时针对针对 Android 端中文使用思源黑体,英文使用 Robto 字体,在排版过程中需要来回切换两种字体的问题,思源黑体 95 替换英文字符 Roboto 字体。使用修改后的字体,您可以得到以下效果:

因为这个字体是基于思源黑体可变版的优化,所以和思源黑体标准版的字形和字重有细微的区别。请知道,同时我已经联系了原作者,希望不久之后基于标准版的思源黑体优化版能和大家见面。
我相信这个字体可以解决大多数设计师在工作中的一些问题,最后向梦源黑体的作者致敬(有条件的朋友可以去 github 给作者一个免费的小心)。有需要的朋友可以附件下载梦源黑体原版和我改造过的思源黑体文件。(只用于交流,不用于任何商业用途)
欢迎关注作者微信微信官方账号:「动效研究社」
