如何更改 Visual Studio Code 用戶界面的字體？

Question

我想弄清楚如何更改 Visual Studio Code 中非編輯器選項卡中使用的字體； 現在這就是我得到的（縮放圖片以更好地看到我指的是什么）：

如您所見，在這些非編輯器選項卡（擴展信息、Git 圖形選項卡等）上使用了 Serif 字體，使其非常令人不快且難以閱讀。

這是突然發生的，我很確定這不是默認字體，之前使用了更好、更易讀的 Sans 字體（如左側面板），直到出現此問題。 我試圖找出是否可以從 VSC 內部更改它，但我只能更改編輯器選項卡中使用的 fonts。

我不知道為什么以及如何開始這種行為，而且我不確定這個問題是由 VSC 本身、擴展、操作系統還是其他原因引起的。

如果重要的話，我正在研究 Linux，在一個完全更新的帶有 KDE 的 openSUSE Tumbleweed 上，就像我說的這個問題最近才開始出現，它不是默認情況下的工作方式。

關於如何解決這個問題的任何線索？

Answer 1

Visual Studio Code 沒有提供方便的現成解決方案來更改 UI 字體系列。

但是開發人員為 VS Code創建了自定義 UI 插件。

設置

1. 安裝自定義 UI插件
2. 重新啟動 VS 代碼
3. 打開 VS Code 設置
4. 將自定義 UI 字體：Monospace 更改為Fira Code
5. 根據您的操作系統將自定義 UI 字體：常規更改為Helvetica Nueve或Arial

或者，您可以使用 json 設置編輯器編輯這些設置，如下所示：

    "customizeUI.font.regular": "Helvetica Nueve",
    "customizeUI.font.monospace": "Fira Code",

GitHub 問題在這里

Answer 2

簡單..

1. 轉到文件->首選項->設置
2. 然后在左側的“文本編輯器”選項卡下，單擊“字體”。
3. 然后將其粘貼到“字體系列”文本框中

Consolas，“ Courier New”，等寬

Answer 3

在大多數 Linux 發行版中，如果您可以更改系統字體，我們可以選擇在系統范圍內更改字體。

Answer 4

vscode 是一個電子應用程序，因此您實際上可以在幫助菜單中打開開發人員工具，在源選項卡下查找workbench.desktop.main.css的位置，進行備份並為您的操作系統編輯字體系列規則. 有一個關於 vscode 被損壞的非常粗糙的通知彈出，但是鏈接文檔很清楚它只是正式不受支持。

Answer 5

您可以簡單地更改默認使用 VS 代碼設置，而不是使用任何其他擴展。 有兩種方法可以更改設置。

1 - 對於 Macbook，按 CMD + SHIFT + P 這將在頂部打開一個命令面板，您可以在那里搜索用戶設置。 通常，會打開一個常用的部分，並且會打開更改為 Font Family

2 - 第二個選項是通過命令面板打開 settings.json 文件，或者只是在 settings.json 中尋找選項編輯，主要是擴展設置。 打開 settings.json 后，您可以編輯它並根據需要添加所有必需的設置。

例如，您需要更改字體系列。

添加

"editor.fontFamily": "Menlo, Monaco, 'Courier New', monospace"