Source Code Pro

Adobe 昨天發表了新的等寬字形,叫做 Source Code Pro,從名稱上就知道這設計的目標就是 coding 用,coding 用的字形有幾個需求,像是等寬,數字 1、小寫 l、大寫 I 這些形體上很接近的字母都要可以一眼就能分辨等,目前我使用的是 Inconsolata

Inconsolata 14
Inconsolata 14

這套字形非常受歡迎,使用的人很多,我也用了很久,每次有新的 coding 字形出來我都還是會嘗試一下,不過大部分時候都只是切過去看一下,沒辦法滿意後就又換回 Inconsolata,不過這次 Adobe 的 Source Code Pro 我有打算用了一陣子看看。

Source Code Pro 14 Regular
Source Code Pro 14 Regular

直接比較這兩套字形,第一印象就是 Inconsolata 的字寬和字高都比較小,所以同樣面積的畫面其實它是可以顯示比較多東西的,這樣當然是會有缺點,就是畫面比較擁擠,不過這缺點其實沒很嚴重,因為沒有對照組出來其實沒什麼這樣的感覺,不過由於同樣都是 14 字級,Source Code Pro 實在大上不少,所以我決定降一級看看。

Source Code Pro 13 Regular
Source Code Pro 13 Regular

Source Code Pro 的 14 和 13 實在很接近,基本上只有高度有點差異,不過總之這樣又會覺得字體線條有些太粗,所以最後我是選擇 Light 的 13 字級來使用一陣子,和 Inconsolata 比基本上就是我的字間比較不會那麼擁擠,不過還好我螢幕大,所以也不用擔心可以顯示的程式碼太少的問題。

Source Code Pro 13 Light
Source Code Pro 13 Light

Source Code Pro 除了在 Source ForegeGithub 上發布外,還一起在 Google Web FontAdobe Edge Fonts 等免費的 web font 服務上提供,而且六種粗細等級全部都有,所以我也趁機把我 blog 的程式碼用的字形換過去,本來是用 Droid Sans Mono 的,下面可以看到兩者之間的比較:

droid sans vs source code pro
Doird Sans vs Source Code Pro (weight: 600)

這邊我選的是字重 600 的 Semi Bold Source Code Pro,因為 Regular 的在網頁上看起來實在太細,所以選了粗一點的,其實很難說哪個好,Droid Sans Mono 其實看起來還是不錯的,不過總之就先這樣試用一陣子吧~