好的程式碼編輯器很重要，但字體同樣影響閱讀速度與疲勞感。Fira Code 是免費開源的等寬字體，內建程式設計連字（ligatures），能把 !=、=>、=== 等常見符號顯示成更易辨識的字形。

本文說明如何用 Homebrew 安裝，並在 VS Code／終端機啟用連字。

目錄

什麼是 Fira Code

Fira Code 源自 Mozilla 的 Fira Mono，專為程式碼編輯器設計。連字會把多個字元渲染成單一字形，例如把 != 顯示成接近 ≠ 的樣式，讓條件與運算子更容易掃讀。

多數主流編輯器都支援，包括 Visual Studio Code、JetBrains IDE、Neovim 等。

安裝 Fira Code 字型

在 macOS 用 Homebrew 最省事（字型已在核心 Cask，不必再 brew tap homebrew/cask-fonts）：

brew install --cask font-fira-code

VS Code 設定方式

在 Visual Studio Code 中設定 Fira Code 有兩種方式。

使用視覺設定編輯器

  1. 開啟設定：
    • 從 VS Code 的選單中，導航至 偏好設定 > 設定。
    • 或者，使用鍵盤快捷鍵 ⌘+, (macOS)。
  2. 導航到字體設定：
    • 在搜尋設定欄位中輸入 font，這樣可以快速找到相關設定。
    • 在 "Commonly Used"（常用設定）下，找到 Font Family 設定。
  3. 啟用 Fira Code：
    • 在 "Font Family" 的輸入框中，在最前面輸入 Fira Code。
    • 啟用 Font Ligatures（字體連字）選項。

手動編輯 settings.json

視覺設定編輯器其實就是在修改 settings.json 檔案。

開啟 settings.json，修改字體設定如下：

"editor.fontFamily": "Fira Code",
"editor.fontLigatures": true,

另外還可以設定字型粗細如下：

"editor.fontWeight": "300", // Light
"editor.fontWeight": "400", // Regular
"editor.fontWeight": "450", // Retina（僅適用於 FiraCode-VF.ttf）
"editor.fontWeight": "500", // Medium
"editor.fontWeight": "600"  // Bold

上圖為 PHP 程式碼範例，可以看到連字效果讓程式碼更加美觀易讀。

終端機設定（選用）

在 iTerm2：Preferences → Profiles → Text → Font，選 Fira Code，並勾選 Use ligatures。

系統「終端機.app」對連字支援較有限；若很在意連字效果，可改用 Warp 或 iTerm2。

替代字體

若 Fira Code 不合眼緣，可試：

  • JetBrains Mono：JetBrains 官方，連字完整
  • Cascadia Code：微軟，Windows Terminal 預設系
  • Geist Mono：較新的極簡等寬風格

安裝方式同樣可用 brew install --cask font-jetbrains-mono 等 Cask。

結語

Fira Code 安裝成本低、設定也短，卻能明顯改善長時間讀碼的舒適度。先用 Homebrew 裝好字型，再開啟 VS Code 的 editor.fontLigatures，通常兩分鐘就能看到效果。