Какой шрифт используется в редакторе кода Visual Studio и как изменить шрифты?


189

Я попробовал редактор кода Visual Studio ( https://code.visualstudio.com/ ), который недавно был анонсирован при сборке. Я пробовал это на Windows и Ubuntu. Я вижу, что шрифт по умолчанию в редакторе кода Visual Studio не является консолью, который предпочитают мои редакторы кода.

Итак, какой шрифт по умолчанию для редактора кода Visual Studio во всех средах (Ubuntu, MAC OS и Windows)? И как я могу это изменить?


Вы имели в виду редактор кода Visual Studio ??
Santhucool

Да - code.visualstudio.com это один
Jalpesh Vadgama

1
Шрифт, используемый для заголовков вкладок, меню и другого текста, который является частью самого кода VS, в отличие от содержимого, такого как код в редакторе, в настоящее время является Arial.
Магнус Линд Окслунд

Ответы:


207

Перейти к Preferences> User Settings. (В качестве альтернативы Ctrl+ ,/ Cmd+ ,в macOS)

Затем вы можете ввести в объект JSON любые параметры, которые вы хотите переопределить. Пользовательские настройки для каждого пользователя. Вы также можете настроить параметры рабочего пространства для проекта, над которым вы сейчас работаете.

Вот пример:

// Controls the font family.
"editor.fontFamily": "Consolas",

// Controls the font size.
"editor.fontSize": 13

Полезные ссылки:


Знаете ли вы настройки шрифта по умолчанию (семейство, размер, вес), которые использует VSCode, если ничего не установлено?
gligoran

я считаю, что это Монако, и размер, кажется, между 12 и 13
Джон Папа

1
Это просто для того, чтобы подтвердить, что в Windows 8.1 шрифтом является Monaco, и по крайней мере на моем экране 3200x1800 размер шрифта по умолчанию равен 14. Вот сравнение с Monaco 14 в Intellij Idea (код синий):! Код / Идея
LeoLozes

2
ничего не делает ... вижу все тот же шрифт. Нужно ли принудительно обновлять настройки? Например, перезапустить vscode? даже после перезапуска без изменений
Прокоп Хапала

1
Как только вы сохраните его, если он не изменится, обязательно перезапустите код Visual Studio. Есть два места, которые вам могут понадобиться, чтобы изменить это. Одним из них является Файл -> Настройки -> Настройки. Другое - если у вас есть папка .vscode, то под ней будет файл settings.json.
Брэден Браун

98

В настройках по умолчанию VS Code использует следующие шрифты (14 пт) в порядке убывания:

  • Монако
  • Менло
  • Consolas
  • "Droid Sans Mono"
  • "Inconsolata"
  • "Новый Курьер"
  • моноширинный (резервный)

Как проверить: VS Code запускается в браузере. В первой версии вы можете нажать F12, чтобы открыть Инструменты разработчика. Осматривая DOM, вы можете найти несколько строк, составляющих эту строку кода. Изучив один из этих диапазонов, вы увидите, что font-family - это просто список выше.

соответствующие области


Я получил "Segoe WPC","Segoe UI",SFUIText-Light,HelveticaNeue-Light,sans-serif,"Droid Sans Fallback". Я использую его в archlinux, если это имеет значение.
aloisdg переходит на codidact.com

Это объясняет, почему он загружается немного медленно. Я попытался "editor.fontFamily": "Обмотки", чтобы убедиться, что настройка шрифта не работает. Часть размера работает. Тем не менее, его размер должен быть меньше размера Notepad ++ для того же шрифта. (но это также может быть вызвано тем, что он запускается в браузере)
Пол Маккарти

4
Как добавить другое семейство шрифтов, например «Исходный код Pro»?
Дейл

VSCode использует разные шрифты для разных семейств ОС. Смотрите мой ответ для деталей.
Энди Ли

21

Шрифты по умолчанию различаются в Windows, Mac и Linux. Начиная с VSCode 1.15.1, настройки шрифта по умолчанию можно найти в исходном коде :

const DEFAULT_WINDOWS_FONT_FAMILY = 'Consolas, \'Courier New\', monospace';
const DEFAULT_MAC_FONT_FAMILY = 'Menlo, Monaco, \'Courier New\', monospace';
const DEFAULT_LINUX_FONT_FAMILY = '\'Droid Sans Mono\', \'Courier New\', monospace, \'Droid Sans Fallback\'';

19

В VSCode, если "editor.fontFamily": ""пусто, размер шрифта НЕ будет работать. Установите семейство шрифтов, чтобы изменить размер.

"editor.fontFamily": "Verdana", или "editor.fontFamily": "Monaco",

Действительно, используйте любое семейство шрифтов, которое вам нравится.

Тогда "editor.fontSize": 16, должно работать.


Это единственный раз, когда я видел, как кто-то упоминал, что для использования размера шрифта у вас должна быть непустая fontFamily. Решил проблему для меня.
Алекс Уайт

2
Это больше не правда. Изменение fontSize с помощью fontFamily unset (установка по умолчанию заново) работает нормально.
Jblaine

15

На моем компьютере с Windows 8.1 по умолчанию шрифтом VS Code является Consolas, но вы можете легко изменить шрифт в File-> Preferences-> User Preferences. Файл setting.json будет открыт вместе с файлом настроек по умолчанию, откуда вы можете взять синтаксис и имена для свойств настроек и установить свои собственные в settings.json.введите описание изображения здесь


10

В Windows настройки по умолчанию следующие (я никогда не устанавливал ни Монако, ни Менло)

{
    "editor.fontFamily": "Consolas",
    "editor.fontSize": 14,
    "editor.lineHeight": 19
}

Настройки fontSize до 12 и lineHeight до 16 близко приближают Visual Studio к Consolas с размером 10pt. Я не смог получить точное совпадение (шрифт VS Code немного смелее), но достаточно близко.


3

Другой способ определения шрифта по умолчанию - начать ввод "editor.fontFamily"в настройках и посмотреть, что предлагает автоматическое заполнение. На Mac это показывает по умолчанию:

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

что подтверждает сказанное Энди Ли выше.


3

Откройте VScode.

Нажмите ctrl,.

Настройка есть "editor.fontFamily".

В Linux для получения списка шрифтов (и их имен, которые вы должны использовать) запустите это в другой оболочке:

fc-list | awk '{$1=""}1' | cut -d: -f1 | sort| uniq

Вы можете указать список шрифтов, чтобы иметь запасные значения в случае отсутствия шрифта.


3

Поскольку VisualStudio был обновлен сейчас (2019). Вы можете примерить этот метод:

  • Перейдите в Файл-> Настройки-> Настройки .
  • Перейдите на вкладку Рабочая область, а затем текстовый редактор-> Шрифт
  • Под формой Font-Family поместите имена семейств шрифтов, которые вы хотите использовать, через запятую. Например, я поместил эти шрифты в свою рабочую область: Нажмите, чтобы увидеть настройки моей рабочей области.

0

Перейдите в меню Сервис-> Параметры в главном окне. Под контейнером Environment вы можете увидеть шрифты и цвета. Вы можете выбрать шрифт и цвет, который вы хотите.

Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.