vscode修改字體——配置Fira Code字體


最近發現了一款比較好看的字體Fira Code,支持連體符號如:≡ 、≥、≤、≠ 等。

除了vscode ,還可在幾十種編輯器中設置該字體,包括JetBrains下的 [ IntelliJ IDEA、Webstorm、Pychrm、PhpStrom ... ]、SublimeText、Visual Studio、Notepad++等主流編輯器。

效果如圖:

 

 


 

 

一、下載並安裝該字體

1.1 下載字體包

  進入Fira Code字體包GitHub官網, 下載ZIP壓縮包

 

 

1.2 安裝字體

  打開壓縮包,進入[FiraCode-master —> distr —> ttf], 選中所有字體, 右鍵選擇安裝

 

 

 

二、配置編輯器字體

2.1 配置vscode字體

 

   2.1.1 進入設置中,搜索 [Font Family] , 將Font Family 的值修改為 [Fira code], 重啟編輯器即可。值得注意的是,在Font Family設置的值的時候,最好不要直接在原有值的基礎上添加,可能會無效,直接用Fira code覆蓋原有值即可。

  2.1.2 若上個步驟無效,可在settings.json中進行配置(在設置中,搜索 [配置資源要使用的編輯器], 點擊)。修改或添加如下代碼:

 

 

 2.2 配置 JetBrains編輯器,以Pycharm為例,IDAE等大同小異。

  2.2.1 配置Font。依次進入:File —> settings —> Editor —> Font, 在右側的Font下拉菜單中選擇Fira Code , 勾選[Enable font ligatures]。 

 

  2.2.2 配置Color Scheme Font默認字體。在左側菜單Font下的Scheme Font中點擊Color Scheme Font,進行如下配置:(其中,Size為字體大小,Line Spacing為行高)

 

 

 

 

 

 三、在其它編輯器中配置Fira Code字體

如果你使用的的編輯器非JetBrains下的IDE、Vscode,或者想在其它編輯器中也配置該字體,可到GitHub中閱讀readme.md文檔,該文檔的 [Editor support] 列舉了所支持的所有編輯器。戳一下進入文檔

 

——END——


 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM