,

昌明體 1.2.1 釋出:為繁體中文長文閱讀打造的開源人文明體,依筆畫密度改善灰度並涵蓋台客語用字

作者:

–

昌明體 ChangMing Serif TC 1.2.1 字樣

分享是一種日常的美好~

繁體中文的開源字體選擇一直不多,而明體作為最熟悉的閱讀字體,多數又是為印刷而生,襯線銳利、橫細豎粗,放上螢幕不一定適合長期閱讀。

開源字型昌明體(ChangMing Serif TC)則選擇另一條路,以思源明體(Noto Serif TC)為骨架,透過形態學處理收斂襯線鋒芒、圓潤筆畫轉折並壓低橫豎對比,定位為適合螢幕長文閱讀的「人文明體」,以 SIL OFL 1.1 授權免費提供個人與商業使用。

昌明體於 10 月 8 日釋出 1.2.1 版,延續先前 1.2.0 版針對筆畫灰度不均所做的調整,並修正粗體中字形未經處理的缺陷。展示網站也同步更新,並清楚標示目前版本與更新。

以昌明體排版直排書名「島嶼來信」的精裝書封示範
書封示範:直排書名使用 700 字重,收斂的襯線讓大字不顯生硬。

1.2.0:依筆畫密度調整加粗,讓灰度更均勻

這次改版的起因,是有字型設計領域的前輩在試用後指出,降低對比之後,字與字之間的灰度變得不均,筆畫密集的「鷹」明顯偏重。所謂灰度,指的是一個字的墨色佔字身面積的比例,整段文字排在一起時,灰度均勻的字體看起來平整,個別特別黑的字則會像墨點一樣跳出來。

1.2.0 的 400 字重共調整 4,800 字,700 字重調整 3,704 字,其餘字形與先前版本相同。由於中位數灰度沒有改變,整體字色與前版一致,變化只集中在原本偏黑的字上。

字重版本鷹驪豔
400思源明體(變形前)1.421.491.44
400昌明體 1.1.01.461.521.47
400昌明體 1.2.11.311.351.32
700思源明體(變形前)1.261.341.27
700昌明體 1.1.01.301.391.33
700昌明體 1.2.11.251.301.27
數值為該字灰度除以漢字區灰度中位數,越接近 1 代表與一般字的深淺越一致。統計範圍為字頻前 3,000 字。

1.2 系列修正了 1.1.0 的偏差,密集字的灰度比變形前的思源明體更接近中位數。

1.2.1:修正粗體「軾」未經變形

1.2.1 修正的是一個從 1.1.0 就存在的缺陷,700 字重的「軾」一直保留思源明體的原始輪廓,沒有經過變形處理,與相鄰的字相比明顯偏細。

字體特點:從出版明體往人文書體靠

昌明體是以思源明體為基礎製作的字體,保有原字體完整的字集與結構,但擴充了更多字集,以及將既有字集用更典雅的風格來呈現。主要調整有三項:

  • 收斂三角襯線:起筆與收筆的三角被磨去鋒芒,字面少了印刷鉛字的緊張感。
  • 圓潤筆畫轉折:內側轉角以形態學閉運算圓潤化,讓字從「出版明體」往「人文書體」靠攏,多了一點手寫的溫度。
  • 降低橫豎對比:加粗橫畫、壓低豎橫粗細比,長篇文字讀起來更平穩,在手機的小字號下筆畫也不再忽粗忽細,粗體則不會糊成一團。
字重思源明體昌明體
400 內文2.061.52
700 粗體3.942.21
以「一」與「丨」實測的豎橫筆畫粗細比,數字越低代表對比越小。

台語、客語用字一次補齊

自 1.1.0 起,昌明體依教育部臺灣台語常用詞辭典與臺灣客家語常用詞辭典的開放資料補齊用字,涵蓋台語漢字 4,785 字、客語漢字 4,899 字,以及台羅、白話字的字母與調號、客語拼音的上標聲調,還有注音與方音符號。台語中表示「他們」、「爬」、「相同」等意思的專用漢字,多半位於 Unicode 擴充區,一般系統字型常顯示為空白方框,昌明體則都能正常呈現。

思源明體缺少的字,依序取自 Noto Serif CJK TC 與源樣明體,每個字重補入 222 字,並經過與其他字完全相同的形態學處理,筆畫風格一致。目前仍有 23 個極罕用的字元尚未收錄,主要是台語的異用字。

為網頁而生:依字頻切片,只下載用到的字

中文字型動輒數 MB,昌明體完整的 WOFF2 檔每個字重也有 7 到 8 MB,直接放上網站會拖慢載入。因此專案另外提供「網頁字型包」,參考網路上公開的繁體中文新聞網站文章統計字頻,把字集切成一組組以 unicode-range 宣告的分片,瀏覽器只會下載頁面實際用到的那幾片,一般文章首次造訪約下載 1 MB,之後則由快取供應。網站只要加入三行設定即可使用:

<link rel="stylesheet" href="/assets/changming/changming.css">
<link rel="stylesheet" href="/assets/changming/changming-tail.css" media="print" onload="this.media='all'">
<style>body { font-family: "ChangMing Serif TC", Georgia, serif; }</style>

WordPress 網站則可直接安裝本專案提供的外掛程式,安裝後,在後台設定套用範圍、標題字重與預載,偵測到 Elementor 時也會自動處理其標題與全域字型設定。

四種下載方式

檔案適用情境
網頁字型包(webfont.zip)一般網站使用,建議選這個,分片載入並附範例與說明
WordPress 外掛(plugin.zip)WordPress 網站,安裝後到「設定」中的「昌明體」調整
TTF(ttf.zip)安裝到電腦,在文書、設計軟體或 App 中使用
完整 WOFF2(woff2.zip)單檔完整字集,適合 App 內嵌或自行子集化

在 Windows 安裝 TTF 時,建議在字型檔上按右鍵選擇「為所有使用者安裝」。若直接按「安裝」,字型只會裝進目前使用者的資料夾,部分瀏覽器的字型選單會找不到它。打開 Word 、Chrome 或 Firefox 瀏覽器等軟體時,在繁體中文系統的字型選單中,名稱顯示為「昌明體」,英文則會是 ChangMing Serif TC。

應用示範

為了呈現昌明體在實際商品上的樣貌,以下示範圖的場景由 AI 影像模型生成空白的商品與環境,再把以昌明體 1.2.1 實際排版的文字,依物件的透視角度與曲面貼合合成上去,並保留紙張與布料的紋理和光影。因此圖中的每一筆文字都是字型的真實字形,書名、店名與品牌則皆為虛構。

以昌明體排版「凍頂烏龍」直排標籤的茶葉罐示範
茶葉罐:直排品名搭配朱印,即使印在弧形的標籤上,筆畫依然清楚穩定。
以昌明體排版的咖啡館菜單示範
咖啡館菜單:700 字重的店名與分類標題,搭配 400 字重的品項與對齊的價格數字。
以昌明體排版「字裡行間」的展覽海報示範
展覽海報:單一大字即可構成畫面,400 字重的骨架清朗端正,直排標題同樣耐看。
以昌明體排版長文的手機閱讀畫面示範
手機閱讀:小字號的內文是這套字型的主場,降低對比後,長文在螢幕上讀起來更安穩。
以昌明體印上台語「食飽未?」與台羅拼音的帆布袋示範
帆布袋:台語「食飽未?」與台羅拼音的調號,由同一套字型完整呈現。
以昌明體排版客語「𠊎兜共下來尞」與四縣腔拼音的木招牌示範
木招牌:客語「我們一起來玩」,客家用字與四縣腔拼音的上標聲調,都由同一套字型排出。

授權與出處

昌明體以 SIL Open Font License 1.1 授權,可免費用於個人與商業用途,也可以修改與再散布,主要限制是不能單獨販售字型檔本身,修改後的版本也須沿用相同授權;WordPress 外掛的程式碼則以 GPL-2.0-or-later 授權。字型修改自 Noto Serif TC,並自 Noto Serif CJK TC 與源樣明體補入台語、客語用字,相關著作權聲明均隨字型一併附上。

對於需要在網站、電子書或 App 中呈現大量繁體中文長文的使用者,昌明體提供了一個介於傳統明體與黑體之間的選擇,保有明體的書卷氣,又更適合在螢幕上閱讀。歡迎到我們的展示網站試打看看,或到 GitHub 回報問題與建議。

分享是一種日常的美好~

延伸閱讀

新網站新氣象,會想到緞帶教堂的美好
一直很喜歡的緞帶教堂 Ribbon Chapel

精選專案與技術服務

探索優格網團隊開源工具與專業數位顧問: