☰

如何“安装”字体以在 Visual Studio Code 中使用？

tag-icon • tag-icon fonts mono
如何“安装”字体以在 Visual Studio Code 中使用？

我有这个漂亮的单色字体https://github.com/tonsky/FiraCode我想在 Ubuntu 中的 Visual Studio Code 中使用它。

我下载了字体文件 (.ttf)，我知道要使字体在整个系统可用，我必须将其复制到/usr/share/fonts，所以我将这些文件复制到/usr/share/fonts/truetype/fira-code

我注意到复制后的权限是 750，所以我将其改为 755

现在我进入 Visual Studio Code 偏好设置并告诉它我将使用“Fira Code”，但它什么也没做。例如，如果我将其更改为“DejaVu Sans Mono”，它将使用该字体。

这样做了之后，我在 LibreOffice 中也看不到字体。

这次失败后，我.fonts在家里创建了一个目录并复制了 .ttf 文件，结果相同。（我遵循了此处的说明：https://itsfoss.com/install-fonts-ubuntu-1404-1410/）

复制这里的字体后，我在 LibreOffice 中看到了它们，但在 Visual Studio Code 中却无法使用它们

因此看起来大多数都是某种“字体注册表”类型，如何在 Ubuntu 中正确安装字体文件？

答案1

要设置这个漂亮的字体，请按照以下步骤操作

  1. 下载字体这里

  2. 解压后在ttf文件夹中双击每个文件并install从出现的对话框中选择

  3. 设置 VSCode：

    1. 打开File -> Preferences -> Settings
    2. 右上角单击{}，user settings将打开（settings.json）

    3. 添加以下行：

      "editor.fontFamily": "'Fira Code'",
"editor.fontLigatures": true,
      • 注意：我必须注释掉正常状态font family entry，通过逆转该过程我才能切换回来。

    4. 要更改字体粗细，请添加以下任意一行（但不是全部）

      "editor.fontWeight": "300" // Light
"editor.fontWeight": "400" // Regular
"editor.fontWeight": "500" // Medium
"editor.fontWeight": "600" // Bold

  4. 重新启动并享受。

    在此处输入图片描述

我的示例用户 settings.json

{
    "files.autoSave": "onFocusChange",
    "editor.minimap.enabled": false,
    "workbench.iconTheme": "material-icon-theme",
    "vsicons.projectDetection.autoReload": true,
    "workbench.editor.enablePreview": false,
    "workbench.editor.enablePreviewFromQuickOpen": false,
    // "editor.fontFamily": "'Noto Mono', 'Droid Sans Mono', 'Courier New', monospace, 'Droid Sans Fallback'",
    "breadcrumbs.enabled": true,
    "typescript.updateImportsOnFileMove.enabled": "always",
    "git.enableSmartCommit": true,
    "java.home": "/usr/lib/jvm/java-8-oracle",
    // "editor.fontLigatures": true,
    "editor.fontFamily": "'Fira Code', 'Noto Mono', 'Droid Sans Mono', 'Courier New', monospace, 'Droid Sans Fallback'",
    "editor.fontLigatures": true,
    // "editor.fontWeight": "300", // Light
    // "editor.fontWeight": "400", // Regular
    // "editor.fontWeight": "500", // Medium
    // "editor.fontWeight": "600" // Bold
}

相关内容