前言
現在電腦的字型百百種，各個字型都有各自的特色，從各位絕對聽過的「新細明體」、「標楷體」、「微軟正黑體」，到一些開發人員可能聽過的「Consolas」，甚至現在比較常拿來當網頁字型的「Noto Sans」系列字型，這些字型除了外觀上的差異，其實各個字型都有他的不同功能，這次要稍微談一下等寬字型。
何謂等寬字型
等寬字型，顧名思義，就是寬度一樣大的字型。
這時候可能會覺得「奇怪，字型還有分等寬不等寬的喔？」
非等寬字型，以叫做「比例字型」，在西文（如：英文）印刷中，比例字型會比較好閱讀，當然這適用於一般的文章閱讀。相對來說，如果是在寫程式，或是使用終端機，等寬字型會比較好閱讀一些，如果是比例字型可能就會顯的有些凌亂。在中文的環境中，大部分都不會不等寬，如果是英文字，有沒有等寬會比較明顯，特定的英文字母特別明顯，例如 W 會特別寬， I 會特別細。
等寬字型和普通字型的差異
以下圖片，左圖為比例字型，右圖為等寬字型。
微軟正黑體
微軟正黑體
Consolas
Consolas
常見的等寬字型
- Consolas Windows 內建的字型，也是最廣為人知的等寬字型
- 細明體 Windows 內建的字型，但是有不少人不知道這是等寬字型，CMD 預設字型就是這個。
- Noto Mono Google Fonts: Noto Sans Mono
- JetBrains Mono （私心推薦） JetBrains Mono: A free and open source typeface for developers
連字功能 (Font Ligature)
這也是我挺喜歡的一個功能，可以將一些符號連在一起以更平滑更好看的方式呈現，廢話不多說，直接上圖！
Before
After
Before
After
Before
After
連字功能需求
- 使用的字型支援連字功能，通常字型官網介紹會寫，如： JetBrains Mono
- 支援連字功能的軟體如：VSCode、JetBrains 系列編輯器（含 Android Studio）、Windows Terminal、Konsole
VSCode 啟用連字功能
<aside> ⚠️ 啟用前請先確定使用的字型是否支援連字功能，通常字型官網介紹會寫
</aside>
<aside> ❌ Consolas 不支援連字功能
</aside>
- 打開 VSCode 設定
- 搜尋
editor.fontFamily確認所使用的字型
<aside> 💡 本次範例使用 JetBrains Mono JetBrains Mono: A free and open source typeface for developers </aside> - 確定字型沒問題後，接著搜尋
editor.fontLigatures
這個選項說是支援 boolean 和 css 的 font-feature-settings設定，有關 css 設定的值可以參考以下文件。 font-feature-settings – CSS: Cascading Style Sheets | MDN 不過我們只是要把連字功能打開，點開Edit in settings.json就會帶到設定的 json 檔案，將editor.fontLigatures的值設定成true然後存檔即可。
接著就可以直接開一個檔案看效果了 <aside> 👀 不得不說不能在界面內就直接改還是好麻煩，不知道哪天可以改善 😂 </aside>
<aside> 👀 不得不說不能在界面內就直接改還是好麻煩，不知道哪天可以改善 😂 </aside>