VSCode 自定義字體、連字效果

作者:辰風(fēng)沐陽(yáng) 閱讀:2720 發(fā)布時(shí)間:2022-02-03 上次更新:2022-02-03

1. 連字效果


在設(shè)置中搜索 fontLigatures,打開 settings.json 配置文件,添加以下配置項(xiàng)開啟

VSCode 的默認(rèn)字體是不支持連字效果的,可以自己安裝字體。本文推薦的字體: FiraCode、cascadia-code 都支持連字效果

  1. "editor.fontLigatures": true,

2. 字體配置


在設(shè)置中搜索 Font Family,可以看到以下配置項(xiàng)

該配置項(xiàng)中會(huì)有多個(gè)字體,系統(tǒng)會(huì)按照優(yōu)先級(jí)進(jìn)行選擇,優(yōu)先使用前面的字體,前面的字體不存在時(shí)才會(huì)去使用后面的字體

3. 推薦字體


FiraCode

cascadia-code

4. 安裝字體


以安裝 cascadia-code 字體為例,進(jìn)入 github 存儲(chǔ)庫(kù)找到最新的 tag,下載字體壓縮包

解壓下載的壓縮包,進(jìn)入 ttf 目錄,打開里面的常規(guī)字體進(jìn)行安裝

安裝字體后,mac 用戶可通過(guò)自帶的 聚焦搜索 快速打開字體冊(cè)

查看并復(fù)制字體名稱

打開 VSCode 設(shè)置,搜索 family,將上一步復(fù)制的字體名稱放入到字體配置中即可

標(biāo)簽: VSCode