我把思源黑体和 Inter 字体合并了

深圳/UI设计师/3年前/1638浏览
我把思源黑体和 Inter 字体合并了
_N1c

因为工作的需要,我尝试把思源黑体和 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)


13
阅读原文
|
Report
|
8
Share
相关推荐
[ Link ] - 比亚迪智能座舱UI创意设计
Recommanded by editor
内容含视频
UI
UI
UI
UI
作品收藏夹
评论
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
You may like
包装文字排印
Homepage recommendation
一梦大唐·长恨歌
Homepage recommendation
相关收藏夹
UI
UI
UI
UI
作品收藏夹
默認收藏夾
默認收藏夾
默認收藏夾
默認收藏夾
作品收藏夹
AE教程
AE教程
AE教程
AE教程
作品收藏夹
ip形象设计+表情包
ip形象设计+表情包
ip形象设计+表情包
ip形象设计+表情包
精选收藏夹
作品收藏夹
企业展厅/文化墙 参考
企业展厅/文化墙 参考
企业展厅/文化墙 参考
企业展厅/文化墙 参考
精选收藏夹
作品收藏夹
企业展厅
企业展厅
企业展厅
企业展厅
精选收藏夹
作品收藏夹
大家都在看
Log in