[TOC] #### 1. 連字效果 --- 在設置中搜索 `fontLigatures`,打開 `settings.json` 配置文件,添加以下配置項開啟 VSCode 的默認字體是不支持連字效果的,可以自己安裝字體。本文推薦的字體: FiraCode、cascadia-code 都支持連字效果 ``` "editor.fontLigatures": true, ``` #### 2. 字體配置 --- 在設置中搜索 `Font Family`,可以看到以下配置項 該配置項中會有多個字體,系統(tǒng)會按照優(yōu)先級進行選擇,優(yōu)先使用前面的字體,前面的字體不存在時才會去使用后面的字體 ![](https://img.itqaq.com/art/content/12649008a5ece0d67169f6aa45c041f4.png) #### 3. 推薦字體 --- [FiraCode](https://github.com/tonsky/FiraCode "FiraCode") [cascadia-code](https://github.com/microsoft/cascadia-code "cascadia-code") ### 4. 安裝字體 --- 以安裝 cascadia-code 字體為例,進入 github 存儲庫找到最新的 tag,下載字體壓縮包 ![](https://img.itqaq.com/art/content/18462be71c1cf19aaabb4f8f798caf9b.png) 解壓下載的壓縮包,進入 ttf 目錄,打開里面的常規(guī)字體進行安裝 ![](https://img.itqaq.com/art/content/30bea41ddbe3f39aec173ea7456efbad.png) 安裝字體后,mac 用戶可通過自帶的 **聚焦搜索** 快速打開字體冊 ![](https://img.itqaq.com/art/content/b70876ed0da6b5c92d725a7d681de5f8.png) 查看并復制字體名稱 ![](https://img.itqaq.com/art/content/6b279b8dddeb5f8a4b98282a47cf4ad3.png) 打開 VSCode 設置,搜索 `family`,將上一步復制的字體名稱放入到字體配置中即可 ![](https://img.itqaq.com/art/content/d1ed8231ed995adbe91f611a7e339195.png)