Який шрифт використовується в редакторі коду Visual Studio і як змінити шрифти?


189

Я спробував редактор коду Visual Studio ( https://code.visualstudio.com/ ), який нещодавно оголосили на збірку. Я спробував це в Windows і Ubuntu. Я бачу, що шрифт за замовчуванням Visual Studio Code Editor - це не консолі, які віддають перевагу моїм редакторам коду.

Отже, який шрифт за замовчуванням редактора коду Visual Studio у всіх середовищах (Ubuntu, MAC OS та windows)? І як я можу це змінити?


ви мали на увазі редактор коду Visual Studio ??
Santhucool


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 шрифт - це Монако, а принаймні на моєму екрані 3200x1800 розмір шрифту за замовчуванням - 14. Ось порівняння з Monaco 14 в Intellij Idea (Код синій):! Код / ідея
LeoLozes

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

1
Якщо ви збережете його, якщо це не зміниться, переконайтеся, що перезапустіть Visual Studio Code. Можливо, вам потрібно буде це змінити двома плямами. Один - Файл -> Налаштування -> Налаштування. Інше, якщо у вас є папка .vscode, під нею буде файл settings.json.
Бреден Браун

98

У налаштуваннях за замовчуванням VS Code використовує наступні шрифти (14 pt) у порядку зменшення:

  • Монако
  • Менло
  • Консолі
  • "Droid Sans Mono"
  • "Інкозолата"
  • "Кур'єр новий"
  • монопростір (резервний)

Як перевірити: код VS працює у браузері. У першій версії ви можете натиснути клавішу F12, щоб відкрити Інструменти для розробників. Оглянувши DOM, ви можете знайти декілька s, що складають цей рядок коду. Оглядаючи один із цих проміжків, ви можете побачити, що сімейство шрифтів - лише список, наведений вище.

відповідні сфери


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

Це пояснює, чому завантажується трохи повільно. Я спробував "editor.fontFamily": "Windings", щоб переконатися, що настройка шрифту не працює. Частина розміру справді працює. Однак, схоже, він буде меншим, ніж розмір у Notepad ++ для одного і того ж шрифту. (але це може бути викликано також його запуском у веб-переглядачі)
Пол Маккарті

4
Як додати інше сімейство шрифтів, наприклад "Source Code 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, слід працювати.


Це єдиний раз, коли я бачив, щоб хтось згадував, що для використання розміру шрифту ви повинні мати непрозорий шрифт. Вирішили проблему для мене.
Алекс Вайт

2
Це вже не так. Зміна fontSize з fontFamily unset (свіжа установка за замовчуванням) працює чудово.
jblaine

15

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


10

У Windows параметри за замовчуванням такі: я ніколи не встановлював Монако, ані Менло

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

Налаштування шрифту розміру до 12 та рядка Висота до 16 приблизно наближає Visual Studio до консолей розміром 10 піт. Я не зміг отримати точну відповідність (шрифт 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). Ви можете спробувати цей метод:

  • Перейдіть у меню Файл-> Налаштування-> Налаштування .
  • Перейдіть на вкладку Робоча область, а потім Текстовий редактор-> Шрифт
  • Під формою " Сімейство шрифтів" введіть імена сімейства шрифтів, які ви хочете використовувати відокремленими комою. Наприклад, я розмістив ці шрифти в моїй робочій області: Клацніть, щоб переглянути налаштування робочої області

0

Перейдіть у меню Інструменти-> Параметри у головному вікні. Під контейнером "Середовище" ви можете бачити шрифти та кольори. Ви можете вибрати шрифт і колір, який потрібно.

Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.