Nikita Prokopov edited this page Jan 25, 2019 · 20 revisions

Using the Settings Editor

To open the settings editor, first from the File menu choose Preferences, Settings or use keyboard shortcut Ctrl+, (Cmd+, on Mac).

To enable FiraCode in the settings editor expand the "Text Editor" settings under "Commonly Used" and then click on "Font". In the "Font Family" input box type Fira Code, replacing any content. Tick the radio box "Enabled/Disables font ligatures" under "Font Ligatures" to enable the special ligatures.

Manually Editing settings.json

Visual Studio Code allows you to also edit the underlying settings.json config file. First open the settings editor as described above, then click the "curly brackets" icon to open "settings.json".

Then paste the following lines and save the file.

"editor.fontFamily": "Fira Code",
"editor.fontLigatures": true,

If this doesn't work for you, you can try:

  1. restarting VS Code;
  2. wrapping the "Fira Code" section with additional apostrophes:
    "editor.fontFamily": "'Fira Code'",
    "editor.fontLigatures": true,

Font weights

To achieve different weights add one of the following (verified on Mac):

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

To use Retina weight, change Font name to FiraCode-Retina (if macOS, exactly that, no spaces):

    "editor.fontFamily": "FiraCode-Retina",

or 'Fira Code Retina' if Windows:

当前网页内容, 由 大妈 ZoomQuiet 使用工具: ScrapBook :: Firefox Extension 人工从互联网中收集并分享;
若有不妥, 欢迎评注提醒:


点击注册~> 获得 100$ 体验券: DigitalOcean Referral Badge

订阅 substack 体验古早写作:

关注公众号, 持续获得相关各种嗯哼:


关于 ~ DebugUself with DAMA ;-)
公安备案号: 44049002000656 ...::