Source Code Pro

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

Inconsolata 14

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

Source Code Pro 14 Regular

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

Source Code Pro 13 Regular

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

Source Code Pro 13 Light

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

Doird Sans vs Source Code Pro (weight: 600)

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