提交需求
賽事與廣告咨詢合作,請(qǐng)?zhí)顚懶枨蟊韱?,我們?huì)在第一時(shí)間與您聯(lián)系!
// Source-Han-Sans Copyright© Adobe
// Inter Copyright© Rasumus Andersson (rsms)
因?yàn)楣ぷ髟?,日常在使用中文字體時(shí)會(huì)用到思源黑體,而英文和數(shù)字字體則會(huì)用到 Inter 字體。然而,中英混排則是家常便飯,這樣就需要手動(dòng)不斷地切換字體,麻煩且低效。正因如此,就有了今天這個(gè)內(nèi)容:我嘗試把思源黑體和 Inter 兩款字體合并在一起,然后大膽且隨意地將這個(gè)合并后的字體命名為 "Sinter" 。 (文末有字體包下載方式)
思源黑體是由 Google 和 Adobe 聯(lián)合開發(fā)的一款開源字體,我想大家都很熟悉了,而 Inter 這款字體可能就鮮為人知了。Inter 也是一款可免費(fèi)商用的開源字體,設(shè)計(jì)該字體的作者是來自瑞典的 Rasmus Andersson(拉斯穆斯·安德森)。
Rasmus 他是一位全棧設(shè)計(jì)師,不僅有優(yōu)秀的設(shè)計(jì)能力,同時(shí)對(duì)于編程的相關(guān)能力也非常厲害(偶像+1)。他是 Spotify 初期的設(shè)計(jì)師之一,中間也在硅谷的不同大廠工作過,在 2016 年他加入了 Figma ,參與了很多 Figma 早期的設(shè)計(jì)與開發(fā)工作(他在 2020 年離開了 Figma),Inter 字體就是他在 Figma 工作期間的一個(gè)產(chǎn)物,也是當(dāng)前 Figma UI 的默認(rèn)字體,同時(shí) GitHub brand、Mozilla brand、elementary OS 等都在使用 Inter 字體。
滑動(dòng)查看更多內(nèi)容(以上圖片均來自 Rasmus 個(gè)人博客網(wǎng)站:rsms.me)
在 Rasmus 的個(gè)人博客網(wǎng)站里有提到 Inter 字體的由來,始于 2016 年底的一個(gè)實(shí)驗(yàn)性項(xiàng)目,以特定的小尺寸(11px) 構(gòu)建像素完美對(duì)齊的字體。但在后面測試過程中發(fā)現(xiàn)這個(gè)方式是行不通的,所以在經(jīng)過各種修改和項(xiàng)目重啟,直到 2017 年 8 月份,才發(fā)布了該字體的 1.0 版本(目前最新版本號(hào)為 3.19,2021 年 6 月份所發(fā)布)。
如果想了解更多關(guān)于作者和 Inter 字體的故事,推薦大家收聽關(guān)于字體設(shè)計(jì)方面的播客欄目《字談字暢》,在 155 期里就詳細(xì)地談到了這款字體的故事。
字談字暢 #155:沒有 face 的 interface 字體 (點(diǎn)擊鏈接)
言歸正傳,這次字體合并的內(nèi)容,是把 Inter 字體里所有字符都合入到思源黑體中,而思源黑體只保留 CJK 部分 (即中日韓文字以及相關(guān)標(biāo)點(diǎn)) ,其余如阿拉伯?dāng)?shù)字,英文字母等都由 Inter 來代替。這樣在中英混排的時(shí)候,就無需來回切換字體,實(shí)現(xiàn)一步到位。
順便也說下合并的大概過程。雖然思源黑體和 Inter 在最新的版本上均支持了可變字體,但合并字體后需要把可變字體的參數(shù)重新設(shè)置,在這個(gè)龐大工作量以及個(gè)人能力有限的前提下,毅然就放棄了做可變字體的需求。然后接下來就是 Weight 的問題了,也就是字重。思源黑體自帶七個(gè)字重,而 Inter 字體則帶有九個(gè)字重(排除斜體),同時(shí)兩款字體相同的 Weight 下的筆畫粗細(xì)都并不適合直接復(fù)制粘貼進(jìn)行替換,需要通過軟件對(duì) Inter 的幾個(gè)字重進(jìn)行微調(diào),以達(dá)到與思源黑體文字符號(hào)的視覺平衡。最終以思源黑體的七個(gè)字重為基準(zhǔn),將兩款字體合并在一起。
Sinter,合并后的字重以及中英混排
思源黑體和 Inter 的英文與數(shù)字對(duì)比
最后最棘手的問題就是 OpenType 特性。在沒做這個(gè)合并項(xiàng)目之前,我對(duì)于字體的 OpenType 特性可以說是毫無了解,在經(jīng)過一段時(shí)間的研究和查閱資料,發(fā)現(xiàn)原來字體的特性已經(jīng)發(fā)展到如此強(qiáng)大,不僅有前面提到的可變字體的特性,還有比如常見的數(shù)字間的冒號(hào)自動(dòng)居中,大寫字母以及數(shù)字間的符號(hào)自動(dòng)居中對(duì)齊,甚至輸入特定文字可以替換成相應(yīng)的圖標(biāo)(圖標(biāo)是文字格式)。
Inter 這款字體帶有多達(dá) 15 種特性,雖然思源黑體也有比較多的特性,但是大多 OpenType 特性基本都是基于西文設(shè)計(jì)的,所以除了保留思源黑體少數(shù)的特性外,其他都需要保持回 Inter 的 OpenType 特性。
Inter 自帶的 OpenType 特性(來源:Inter 官網(wǎng))
在經(jīng)過反復(fù)篩選后,最后挑選了部分在中文環(huán)境下常用且實(shí)用的特性,下面以 Figma 軟件為例,展示這些 OpenType 特性。(Sketch、PS、AI、InDesign 等設(shè)計(jì)軟件均支持 OpenType 功能,至于怎么設(shè)置請(qǐng)自行網(wǎng)上搜索)
滑動(dòng)查看更多 OpenType 特性
至此該款合并的字體項(xiàng)目就宣布完成了。
我會(huì)將這款合并后的字體包發(fā)布給大家使用,獲取方式請(qǐng)查看主頁添加公粽號(hào)↑↑。
Copyright 版權(quán)信息
? 思源黑體 (Source Han Sans) 版權(quán)屬于 Adobe 公司
? Inter 字體版權(quán)屬于 Rasumus Andersson (rsms)
? Sinter 字體基于以上兩款開源字體制作,符合 SIL 開源字體許可 (SIL Open Font License, Version 1.1)
Powered by Froala Editor
密碼登錄
大牛,別默默的看了,快登錄幫我點(diǎn)評(píng)一下吧!:)
登錄 立即注冊(cè)