絕了!專為程序員而設計!VSCode 完美集成!
真的太酷了,終于有人做了一款專屬于程序員的字體了!我要把這個字體介紹給大家!
字體名稱——Maple Mono,它不僅僅只在 VSCode 中使用,而是一款專為程序員量身打造的字體,在多種編程場景下都能發揮出色的效果。
這款開源字體目前在 Github 上已經斬獲 17.3K Star??
Maple Mono 字體簡介
Maple Mono 是一款開源等寬字體,專注于優化編碼體驗。
它具有以下特點:
可變字體:支持無限的字體粗細調整以及手工微調的斜體字形,能更好地適應不同的閱讀和顯示需求。
獨特設計:具有圓角、獨特的符號字形(如@ $ % & Q ->)以及手寫風格的斜體字母(如f i j k l x y),使代碼更具可讀性和個性。
智能連字:包含大量的智能連字,能提升編碼時的視覺體驗和效率。
圖標支持:提供 Nerd-Font 嵌入的版本,為終端添加圖標支持,豐富了字體的功能性。
多語言支持:CN 版本基于資源圓體,完整支持簡體中文、繁體中文和日文字符集,并且中英文 2:1 完美對齊,在多語言顯示場景下整齊美觀。
在 VSCode 中使用 Maple Mono 字體
如果你想在任何地方都使用,請看第一種方式:
(1) 安裝字體
通過 Homebrew 安裝(適用于 macOS 用戶):在終端中運行以下命令來安裝包含中文字體和圖標的版本:
brew install --cask font-maple-mono-nf-cn
- 手動安裝:訪問Maple Mono 的 GitHub 發布頁面,下載適合你操作系統的字體文件(如.ttf或.otf格式)。然后根據你的操作系統進行安裝:
- Windows:雙擊字體文件,點擊“安裝”按鈕。
- macOS:雙擊字體文件,然后點擊“安裝字體”或通過 FontBook 添加。
- Linux:將字體文件復制到/usr/share/fonts或~/.local/share/fonts目錄,之后運行fc-cache -f -v命令。
(2) 配置 VSCode
- 打開設置:在 VSCode 中,點擊左下角的齒輪圖標,選擇“設置”,或者使用快捷鍵Ctrl + ,(Windows/Linux)或Command + ,(macOS)。
- 搜索字體設置:在設置搜索欄中輸入“Editor: Font Family”,找到字體設置選項。
- 修改字體:點擊字體設置項右側的“打開設置(JSON)”圖標,進入settings.json文件編輯模式。在文件中添加以下配置:
{
"editor.fontFamily": "Maple Mono NF CN, Menlo, Monaco, 'Courier New', monospace",
"editor.fontLigatures": "'calt', 'ss04', 'ss01', 'ss02'"
}
這里的editor.fontFamily設置了優先使用的字體系列,editor.fontLigatures用于啟用連字功能,以優化代碼的可讀性和美觀度。
保存并重啟:保存settings.json文件后,重新啟動 VSCode,使新的字體設置生效。
如果你僅僅是在 VSCode 中使用的話,推薦第二種方式(插件方式)安裝:
(3) 使用插件安裝(最簡單的方式)
- 打開 VSCode 擴展面板:點擊左側的擴展圖標(四個小方塊的圖標),或者按下快捷鍵Ctrl + Shift + X(Windows/Linux)或Cmd + Shift + X(Mac)。
- 搜索插件:在擴展面板的搜索框中輸入“Maple Theme”插件名稱。
- 安裝插件:找到名為“Maple Theme”相關字體支持的插件,點擊插件卡片上的“安裝”按鈕。
- 啟用插件:安裝完成后,插件將自動啟用,或者你可以在擴展面板中找到已安裝的插件,并點擊插件卡片上的“啟用”按鈕。
使用效果展示
設置完成后,你就會發現 VSCode 中的代碼顯示變得更加美觀和舒適了。
Maple Mono 字體的等寬設計確保了代碼的整齊排列,獨特的符號字形和智能連字讓代碼更易于閱讀和理解。
特別是對于需要長時間編碼的小伙伴來說,這款字體能夠有效減輕眼睛疲勞,提升編碼效率。
Maple Mono 字體專為程序員設計,具有眾多優點,如可變字體、獨特設計、智能連字、圖標支持和多語言支持等。
在 VSCode 中使用這款字體,能夠為我們的編碼工作帶來更好的體驗。如果你還沒嘗試過,趕緊按照上述步驟安裝和配置吧,相信你會愛上它的!
- Maple Mono Github 地址:https://github.com/subframe7536/maple-font
- Maple Mono 官網:https://font.subf.dev/zh-cn/
- Maple Mono 可視化測試:https://font.subf.dev/zh-cn/playground/
- VSCode 插件:https://marketplace.visualstudio.com/items?itemName=subframe7536.theme-maple