搜索
返回首页
登录 / 注册
我把思源黑体和 Inter 字体合并了
135天前
17352
_N1c
珠海 | UI设计师

因为工作的需要,我尝试把思源黑体和 Inter 字体合并起来了。(文末附带字体包下载方式)

// Source-Han-Sans Copyright© Adobe

// Inter Copyright© Rasumus Andersson (rsms)


因为工作原因,日常在使用中文字体时会用到思源黑体,而英文和数字字体则会用到 Inter 字体。然而,中英混排则是家常便饭,这样就需要手动不断地切换字体,麻烦且低效。

正因如此,就有了今天这个内容:我尝试把思源黑体和 Inter 两款字体合并在一起,然后大胆且随意地将这个合并后的字体命名为 "Sinter" 




思源黑体是由 Google 和 Adobe 联合开发的一款开源字体,我想大家都很熟悉了,而 Inter 这款字体可能就鲜为人知了。Inter 也是一款可免费商用的开源字体,设计该字体的作者是来自瑞典的 Rasmus Andersson(拉斯穆斯·安德森)。

Rasmus 他是一位全栈设计师,不仅有优秀的设计能力,同时对于编程的相关能力也非常厉害(偶像+1)。他是 Spotify 初期的设计师之一,中间也在硅谷的不同大厂工作过,在 2016 年他加入了 Figma ,参与了很多 Figma 早期的设计与开发工作(他在 2020 年离开了 Figma),Inter 字体就是他在 Figma 工作期间的一个产物,也是当前 Figma UI 的默认字体,同时 GitHub brand、Mozilla brand、elementary OS 等都在使用 Inter 字体。

滑动查看更多内容(以上图片均来自 Rasmus 个人博客网站:rsms.me)



在 Rasmus 的个人博客网站里有提到 Inter 字体的由来,始于 2016 年底的一个实验性项目,以特定的小尺寸(11px) 构建像素完美对齐的字体。但在后面测试过程中发现这个方式是行不通的,所以在经过各种修改和项目重启,直到 2017 年 8 月份,才发布了该字体的 1.0 版本(目前最新版本号为 3.19,2021 年 6 月份所发布)。


如果想了解更多关于作者和 Inter 字体的故事,推荐大家收听关于字体设计方面的播客栏目《字谈字畅》,在 155 期里就详细地谈到了这款字体的故事。

点击图片可打开电台



言归正传,这次字体合并的内容,是把 Inter 字体里所有字符都合入到思源黑体中,而思源黑体只保留 CJK 部分(即中日韩文字以及相关标点) ,其余如阿拉伯数字,英文字母等都由 Inter 来代替。这样在中英混排的时候,就无需来回切换字体,实现一步到位。 


顺便也说下合并的大概过程。虽然思源黑体和 Inter 在最新的版本上均支持了可变字体,但合并字体后需要把可变字体的参数重新设置,在这个庞大工作量以及个人能力有限的前提下,毅然就放弃了做可变字体的需求。然后接下来就是 Weight 的问题了,也就是字重。思源黑体自带七个字重,而 Inter 字体则带有九个字重(排除斜体),同时两款字体相同的 Weight 下的笔画粗细都并不适合直接复制粘贴进行替换,需要通过软件对 Inter 的几个字重进行微调,以达到与思源黑体文字符号的视觉平衡。最终以思源黑体的七个字重为基准,将两款字体合并在一起。


Sinter,合并后的字重以及中英混排


思源黑体和 Inter 的英文与数字对比



最后最棘手的问题就是 OpenType 特性。在没做这个合并项目之前,我对于字体的 OpenType 特性可以说是毫无了解,在经过一段时间的研究和查阅资料,发现原来字体的特性已经发展到如此强大,不仅有前面提到的可变字体的特性,还有比如常见的数字间的冒号自动居中,大写字母以及数字间的符号自动居中对齐,甚至输入特定文字可以替换成相应的图标(图标是文字格式)。


Inter 这款字体带有多达 15 种特性,虽然思源黑体也有比较多的特性,但是大多 OpenType 特性基本都是基于西文设计的,所以除了保留思源黑体少数的特性外,其他都需要保持回 Inter 的 OpenType 特性。

Inter 自带的 OpenType 特性(来源:Inter 官网)



在经过反复筛选后,最后挑选了部分在中文环境下常用且实用的特性,下面以 Figma 软件为例,展示这些 OpenType 特性。(Sketch、PS、AI、InDesign 等设计软件均支持 OpenType 功能,至于怎么设置请自行网上搜索)


滑动查看更多 OpenType 特性




至此该款合并的字体项目就宣布完成了。 

我会将这款合并后的字体包发布给大家使用, 获取方式:点击下面“原文链接”获取 👇 👇👇





Copyright 版权信息

‧ 思源黑体 (Source Han Sans) 版权属于 Adobe 公司

‧ Inter 字体版权属于 Rasumus Andersson (rsms)

‧ Sinter 字体基于以上两款开源字体制作,符合 SIL 开源字体许可 (SIL Open Font License, Version 1.1)


查看原文
_N1c,禁止转载-禁止商业用途-禁止个人用途
声明:站酷(ZCOOL)内网友所发表的所有内容及言论仅代表其本人,并不反映任何站酷(ZCOOL)之意见及观点。
APP内打开
0 条评论
APP内评论
暂无评论
打开站酷发现更好的设计
下载APP