你有沒有發現,程式碼看久了,眼睛比 CI 還早失敗?除了換一杯咖啡,換一套舒服的字體也很有幫助。Fira Code 是免費、開源的等寬字體,內建程式設計連字(programming ligatures),能把 !=、=>、=== 等常見符號組合顯示成更容易辨識的字形。
這篇會帶你完成三件事:用 Homebrew 安裝 Fira Code、在 VS Code 開啟連字,以及在 iTerm2 設定終端機字體。連字不會讓程式跑得更快,但至少能讓你讀錯運算子時,錯得比較有設計感。
什麼是 Fira Code
Fira Code 是以 Fira Mono 為基礎、為程式碼閱讀情境設計的等寬字體。它會把多個字元組合成單一字形,例如將 != 顯示成接近「不等於」的樣式;原始碼中的字元並沒有改變,只有顯示方式不同。
這種功能叫做連字(ligatures)。它的目的不是把程式碼偷偷改寫,而是讓運算子更容易掃讀。VS Code、JetBrains IDE 和其他支援 OpenType 連字的編輯器,都可以搭配這類字體使用。
安裝 Fira Code
如果你使用 macOS,透過 Homebrew 安裝最快。Fira Code 已經是 Homebrew Cask 的套件,不需要另外加入舊的 homebrew/cask-fonts tap:
brew install --cask font-fira-code安裝完成後,重新開啟 VS Code 或終端機,讓應用程式重新載入可用字體。若字體清單裡還找不到 Fira Code,先確認指令是否成功完成,再重開一次應用程式;字體偶爾也需要一點「重新認識彼此」的時間。
在 VS Code 啟用 Fira Code
安裝字體只是第一步。VS Code 還需要指定字體,並另外開啟連字功能。
使用設定介面
- 開啟 VS Code 設定:
- macOS 可按
⌘+,。 - 也可以從選單選擇「Code > Settings > Settings」。
- macOS 可按
- 在搜尋欄輸入
font family,找到 Editor: Font Family。 - 將
Fira Code放在字體名稱的最前面。 - 搜尋
font ligatures,勾選 Editor: Font Ligatures。
這個方法適合不想直接碰設定檔的人。設定介面只是幫你修改 settings.json,不是另一套魔法;只是它把括號和逗號藏起來,讓你比較不容易被 JSON 絆倒。

手動編輯 settings.json
如果你習慣直接編輯設定檔,可以開啟 VS Code 的 settings.json,加入以下設定:
{
"editor.fontFamily": "Fira Code",
"editor.fontLigatures": true
}editor.fontFamily 指定編輯器使用的字體,editor.fontLigatures 則控制是否啟用連字。若你想保留備用字體,可以用逗號分隔,例如:
{
"editor.fontFamily": "Fira Code, Menlo, monospace",
"editor.fontLigatures": true
}當電腦找不到 Fira Code 時,VS Code 會依序嘗試後面的字體。這也是為什麼不要只寫一長串「看起來很厲害」的字體名稱:名稱打錯,編輯器不會幫你頒發除錯獎牌。

調整字體粗細
Fira Code 提供不同粗細的字體檔案;你可以在 VS Code 設定 editor.fontWeight。先從 400 開始,覺得太細或太粗再調整:
{
"editor.fontFamily": "Fira Code",
"editor.fontLigatures": true,
"editor.fontWeight": "400"
}實際可用的粗細仍會受到已安裝字體檔案與 VS Code 顯示方式影響。設定值不是越大越專業,像咖啡一樣,太濃也可能只剩下心跳。
在 iTerm2 啟用連字
如果你也想讓終端機裡的指令長得整齊一點,可以在 iTerm2 設定:
- 開啟 Settings(舊版介面可能顯示為 Preferences)。
- 選擇 Profiles > Text。
- 在字體設定中選取 Fira Code。
- 勾選 Use ligatures。
連字會使用不同的文字繪製方式,iTerm2 官方文件提醒這可能降低繪製效能。如果你在較舊的硬體上感覺輸入或捲動變慢,關閉 Use ligatures 就好;程式碼不會因此鬧脾氣。
若你使用 macOS 內建的「終端機」,可用的字體與連字選項會依系統版本和應用程式支援狀況而不同。想要明確的連字設定,可以改用 iTerm2,或試試 Warp。
Fira Code 不合眼緣時
字體是工作環境,不是信仰。如果 Fira Code 看起來不合你的胃口,可以試試其他支援程式設計連字的等寬字體:
- JetBrains Mono:JetBrains 維護的開源等寬字體。
- Cascadia Code:Microsoft 製作,適合喜歡較清楚、現代字形的人。
- Geist Mono:Vercel 推出的等寬字體,風格簡潔。
在 Homebrew Cask 中,也可以用相同模式安裝,例如:
brew install --cask font-jetbrains-mono不同字體支援的連字組合不一定相同,所以最實際的方法是安裝後,用自己每天會看的程式碼試讀幾分鐘。看得舒服,比截圖放到社群上更重要——雖然截圖也可以順便放。
結語
Fira Code 的設定流程很短:安裝字體、指定 editor.fontFamily,再開啟 editor.fontLigatures。你可以先在 VS Code 試用,習慣後再把它帶進 iTerm2;如果發現效能下降,就把終端機的連字關掉,保留編輯器設定即可。
字體不會替你修好 bug,但能讓你更早看出那個多出來的等號。設定完成後,泡杯咖啡,挑一段真正的程式碼讀讀看,這才是最可靠的視覺回歸測試。
參考資料
- Fira Code 官方 GitHub:專案介紹、連字展示與安裝資訊。
- Fira Code 安裝說明:各平台安裝方式,以及 macOS 的 Homebrew 指令。
- Homebrew Cask:font-fira-code:Fira Code 的 Cask 套件與安裝指令。
- VS Code 的 Fira Code 設定說明:VS Code 字體與連字設定方式。
- VS Code 設定參考:
settings.json與編輯器設定的官方文件。 - iTerm2 Text Profile Preferences:字體、連字與效能注意事項。

