Установка шрифта JetBrains Mono в VSCode

В начале 2020 года JetBrains выпустили свой собственный шрифт для своих IDE. Шрифт получил название JetBrains Mono. Примечательно что шрифт поддерживает кирилицу и лигатуры, находится в открытом доступе и доступен для скачивания всеми желающими. Поэтому его можно установить и в редактор VSCode.

 

Установка JetBrains Mono в Windows

Для начала нужно скачать шрифт JetBrains Mono на его оф. странице.

Распакуйте архив. Затем зайдите в папку ttf, где выделите все шрифты, нажмите правую кнопку мыши и в появившемся контекстном меню выберите пункт Установить.

Установка JetBrains Mono в Windows

Установку шрифта в системах MacOs и Linux смотрите на странице шрифта.


 

Настройка шрифта в VSCode

В редакторе VSCode откройте Параметры → Шрифт и пропишите для Font Family название шрифта

'JetBrains Mono'

Если вам не понравится шрифт JetBrains Mono и вы захотите вернуть шрифты по умолчанию, то изначально было установлено:

Consolas, 'Courier New', monospace

 

На оф странице шрифта вы можете увидеть что JetBrains рекомендуют для своего шрифта применять следующие параметры: Size: 13 и Line spacing: 1.2. Поэтому в файле settings.json с настройками редактора прописываем:

"editor.fontSize": 13,
"editor.letterSpacing": 1.2,

 

Так же проверьте чтобы у вас были включены лигатуры

"editor.fontLigatures": true,

Лигатуры в кодинге, это когда сочетания определённых символов отображается более изящным решением. Например неравно != будет выводится как зачёркнутое равно , а стрелки -> или => будут показаны как нормальные цельные стрелки с одинарным и двойным хвостикомсоответственно: и . Там ещё есть целый ряд таких сочетаний. В общем, это очень удобно для чтения кода.

 

Итого, в settings.json у вас должны быть прописаны следующие строки:

"editor.fontFamily": "'JetBrains Mono'",
"editor.fontSize": 13,
"editor.letterSpacing": 1.2,
"editor.fontLigatures": true,

 

Если после редактирования настроек вы не видете изменений, то просто перезапустите ваш VSCode.

Горячие клавиши в VSCode для Windows
VSCode Набор всех доступных горячих клавиш (быстрых команд) для работы с редактором кода VSCode, которые значительно упрощают ведение разработки и написание кода.
Как отключить проверку TypeScript в редакторе VSCode
typescript Инструкция как в редакторе VSCode отключить проверку кода TypeScript выполняемую линтерами встроенными по умолчанию в ядро редактора.
Как сделать копию репозитория GitHub на компьютер
git clone Инструкция как быстро и просто сделать копию репозитория GitHub к себе на компьютер при помощи редактора Visual Studio Code. Задача буквально на два-три клика мышкой.
Как сделать свой сниппет в Visual Studio Code
vscode Пошаговая инструкция о том, как создавать свои собственные сниппеты для редактора VSCode: типы сниппетов, правила для названий, структура кода сниппета.
Лучшие расширения для редактора VSCode
VSCode расширения Подбора лучших расширениях для редактора кода Visual Studio Code, которыми я сам пользуюсь и советую обратить на них ваше внимание.
Панель разработчика в VSCode
Панель разработчика в VSCode Чтобы открыть панель разработчика в редакторе VSCode, нужно нажать клавишу F1 и затем в появившейся командной строке ввести...
Комментарии 0

*** чтобы писать комментарии.