Шрифты и форматирование для Visual Studio
Область применения:
Visual Studio Visual Studio для Mac 
Visual Studio Code
Шрифт среды
Все шрифты в Visual Studio должны предоставляться пользователю для настройки. Это в основном делается на странице «Шрифты и цвета» в диалоговом окне «Параметры инструментов>». Ниже перечислены три основные категории параметров шрифта:
- Шрифт среды — основной шрифт интегрированной среды разработки для интегрированной среды разработки, используемый для всех элементов интерфейса, включая диалоговые окна, меню, окна инструментов и окна документов. По умолчанию шрифт среды привязан к системным шрифту, который отображается как 9 pt Segoe UI в текущих версиях Windows. Использование одного шрифта для всех элементов интерфейса помогает обеспечить согласованный внешний вид шрифта во всей интегрированной среде разработки.
- Текстовый редактор — элементы, которые отображаются в коде и других текстовых редакторах, можно настроить на странице текстового редактора в параметрах инструментов>.
- Определенные коллекции — окна конструктора, которые предлагают настройку пользовательских элементов интерфейса, могут предоставлять шрифты, относящиеся к своей области конструктора, на странице параметров в разделе «Параметры инструментов>».
Настройка и изменение размера шрифта редактора
Пользователи часто увеличивают или масштабируют размер и (или) цвет текста в редакторе в соответствии с их предпочтениями, независимо от общего пользовательского интерфейса. Так как шрифт среды используется для элементов, которые могут отображаться в редакторе или конструкторе, важно отметить ожидаемое поведение при изменении одной из этих классификаций шрифтов.
При создании элементов пользовательского интерфейса, которые отображаются в редакторе, но не являются частью содержимого, важно использовать шрифт среды, а не текстовый шрифт, чтобы элементы изменялись предсказуемым образом.
- Для текста кода в редакторе измените размер с помощью параметра шрифта кода и ответьте на уровень масштабирования текста редактора.
- Все остальные элементы интерфейса должны быть привязаны к параметру шрифта среды и реагировать на любые глобальные изменения в среде. Среди прочего необходимо отметить следующие улучшения:
- Текст в контекстных меню
- Текст в украшении редактора, например текст меню лампочки, панель быстрого поиска редактора и переход к области
- Текст метки в диалоговых окнах, например «Найти в файлах » или «Рефакторинг»
Доступ к шрифту среды
В коде Native или WinForms шрифт среды можно получить, вызвав метод IUIHostLocale::GetDialogFont после запроса интерфейса из SID_SUIHostLocale службы.
Для Windows Presentation Foundation (WPF) наследуйте класс диалогового окна из класса оболочки DialogWindow вместо класса WPF Window .
В XAML код выглядит следующим образом:
internal partial class WebConfigModificationWindow : DialogWindow
(Замените Microsoft.VisualStudio.Shell.11.0 текущую версию библиотеки DLL MPF.)
Чтобы отобразить диалоговое окно, вызовите » ShowModal() » в классе. ShowDialog() ShowModal() задает правильное модальное состояние в оболочке, гарантирует, что диалоговое окно находится в центре родительского окна и т. д.
MyWindow window = new MyWindow(); window.ShowModal() ShowModal возвращает логическое значение? (Логическое значение null) с параметром DialogResult , который можно использовать при необходимости. Возвращаемое значение имеет значение true, если диалоговое окно было закрыто с помощью OK.
Если вам нужно отобразить некоторый пользовательский интерфейс WPF, который не является диалогом и размещается в собственном HwndSource окне, например всплывающем окне или дочернем окне WPF родительского окна Win32/WinForms, необходимо задать FontFamily FontSize и корневой элемент элемента WPF. (Оболочка задает свойства в главном окне, но они не будут унаследованы мимо HWND ). Оболочка предоставляет ресурсы, к которым можно привязать свойства, как показано ниже.
Справочник по форматированию (масштабирование или полужирный шрифт)
Для некоторых диалогов требуется полужирный текст или размер, отличный от шрифта среды. Ранее шрифты, превышающие шрифт среды, были закодированы как » environment font +2 » или аналогичные. Использование предоставленных фрагментов кода поддерживает мониторы с высоким уровнем DPI и гарантирует, что отображаемый текст всегда отображается в правильном размере и весе (например, light или Semilight).
Перед применением форматирования убедитесь, что вы следуют указаниям, приведенным в стиле текста.**
Чтобы масштабировать шрифт среды, задайте стиль TextBlock или Label, как показано. Каждый из этих фрагментов кода, правильно используемый, создаст правильный шрифт, включая соответствующие варианты размера и веса.
Где » vsui » является ссылкой на пространство Microsoft.VisualStudio.Shell имен:
xmlns:vsui="clr-namespace:Microsoft.VisualStudio.Shell;assembly=Microsoft.VisualStudio.Shell.14.0" Шрифт среды 375 % + свет
Отображается как: 34 pt Segoe UI Light
Использование: (редкий) уникальный фирменный пользовательский интерфейс
Процедурный код: где textBlock находится ранее определенный TextBlock и label является ранее определенным меткой:
textBlock.SetResourceReference(TextBlock.StyleProperty, VsResourceKeys.TextBlockEnvironment375PercentFontSizeStyleKey); label.SetResourceReference(Label.StyleProperty, VsResourceKeys.LabelEnvironment375PercentFontSizeStyleKey); XAML: задайте стиль TextBlock или Label, как показано ниже.
TextBlock: 375 Percent Scaling Шрифт среды 310 % + свет
Отображается как: 28 pt Segoe UI Light Use for: крупные заголовки диалогового окна подписи, основной заголовок в отчетах
Процедурный код: где textBlock находится ранее определенный TextBlock и label является ранее определенным меткой:
textBlock.SetResourceReference(TextBlock.StyleProperty, VsResourceKeys.TextBlockEnvironment310PercentFontSizeStyleKey); label.SetResourceReference(Label.StyleProperty, VsResourceKeys.LabelEnvironment310PercentFontSizeStyleKey); XAML: задайте стиль TextBlock или Label, как показано ниже.
TextBlock: 310 Percent Scaling Шрифт среды 200 % + Semilight
Отображается как: 18 pt Segoe UI Semilight Use for: subheadings, titles in small and medium dialogs
Процедурный код: где textBlock находится ранее определенный TextBlock и label является ранее определенным меткой:
textBlock.SetResourceReference(TextBlock.StyleProperty, VsResourceKeys.TextBlockEnvironment200PercentFontSizeStyleKey); label.SetResourceReference(Label.StyleProperty, VsResourceKeys.LabelEnvironment200PercentFontSizeStyleKey); XAML: задайте стиль TextBlock или Label, как показано ниже.
TextBlock: 200 Percent Scaling Шрифт среды 155 %
Отображается как: 14 pt Segoe UI Use for: заголовки разделов в хорошо пользовательском интерфейсе документа или отчетах
Процедурный код: где textBlock находится ранее определенный TextBlock и label является ранее определенным меткой:
textBlock.SetResourceReference(TextBlock.StyleProperty, VsResourceKeys.TextBlockEnvironment155PercentFontSizeStyleKey); label.SetResourceReference(Label.StyleProperty, VsResourceKeys.LabelEnvironment155PercentFontSizeStyleKey); XAML: задайте стиль TextBlock или Label, как показано ниже.
TextBlock: 155 Percent Scaling Шрифт среды 133%
Отображается как: 12 pt Segoe UI Use for: small subheadings in signature dialogs and document well UI
Процедурный код: где textBlock находится ранее определенный TextBlock и label является ранее определенным меткой:
textBlock.SetResourceReference(TextBlock.StyleProperty, VsResourceKeys.TextBlockEnvironment133PercentFontSizeStyleKey); label.SetResourceReference(Label.StyleProperty, VsResourceKeys.LabelEnvironment133PercentFontSizeStyleKey); XAML: задайте стиль TextBlock или Label, как показано ниже.
TextBlock: 133 Percent Scaling Шрифт среды 122 %
Отображается как: 11 pt Segoe UI Use for: section заголовки в диалоговых окнах подписи, верхние узлы в представлении дерева, навигация по вертикали вкладок
Процедурный код: где textBlock находится ранее определенный TextBlock и label является ранее определенным меткой:
textBlock.SetResourceReference(TextBlock.StyleProperty, VsResourceKeys.TextBlockEnvironment122PercentFontSizeStyleKey); label.SetResourceReference(Label.StyleProperty, VsResourceKeys.LabelEnvironment122PercentFontSizeStyleKey); XAML: задайте стиль TextBlock или Label, как показано ниже.
TextBlock: 122 Percent Scaling Шрифт среды + полужирный
Отображается как: полужирный 9 pt Segoe UI Use for: labels and subheads in signature dialogs, reports и document well UI
Процедурный код: где textBlock находится ранее определенный TextBlock и label является ранее определенным меткой:
textBlock.SetResourceReference(TextBlock.StyleProperty, VsResourceKeys.TextBlockEnvironmentBoldStyleKey); label.SetResourceReference(Label.StyleProperty, VsResourceKeys.LabelEnvironmentBoldStyleKey); XAML: задайте стиль TextBlock или Label, как показано ниже.
Bold TextBlock Локализуемые стили
В некоторых случаях локализаторы должны изменять стили шрифтов для разных языковых стандартов, например удаление полужирного шрифта из текста для восточноазиатских языков. Чтобы сделать локализацию стилей шрифтов возможным, эти стили должны находиться в RESX-файле. Лучший способ сделать это и по-прежнему изменять стили шрифтов в конструкторе форм Visual Studio — явно задавать стили шрифтов во время разработки. Хотя это создает полный объект шрифта и может нарушить наследование родительских шрифтов, для задания шрифта используется только свойство FontStyle.
Решение заключается в перехвате события формы FontChanged диалога. FontChanged В этом случае выполните все элементы управления и проверка, если задан их шрифт. Если он задан, измените его на новый шрифт на основе шрифта формы и предыдущего стиля шрифта элемента управления. Примером этого в коде является следующее:
private void Form1_FontChanged(object sender, System.EventArgs e) < SetFontStyles(); >/// /// SetFontStyles - This function will iterate all controls on a page /// and recreate their font with the desired fontstyle. /// It should be called in the OnFontChanged handler (and also in the constructor /// in case the IUIService is not available so OnFontChange doesn't fire). /// This way, when the VS shell font is given to us the controls that have /// a different style for the font (bolded for example) will recreate their font /// and use the VS shell font but with a style variation (bolded . ). /// protected void SetFontStyles() < SetFontStyles(this, this, this.Font); >protected static void SetFontStyles(Control topControl, Control parent, Font referenceFont) < foreach(Control c in parent.Controls) < if (c.Controls != null && c.Controls.Count >0) < SetFontStyles(topControl, c, referenceFont); >if (c.Font != topControl.Font) < c.Font = new Font(referenceFont, c.Font.Style); >> > Этот код гарантирует, что при обновлении шрифта формы также будут обновлены шрифты элементов управления. Этот метод также должен вызываться из конструктора формы, так как диалоговое окно может не получить экземпляр IUIService и FontChanged событие никогда не срабатывает. FontChanged Подключение позволит диалоговым окнам динамически выбирать новый шрифт, даже если диалоговое окно уже открыто.
Тестирование шрифта среды
Чтобы пользовательский интерфейс использовал шрифт среды и учитывает параметры размера, откройте меню «Параметры > среды инструментов>» и выберите «Шрифт среды>» в раскрывающемся меню «Показать параметры для:».
Пример текста пользовательского интерфейса, который не учитывает шрифт среды
В этом случае «Сведения о пользователе» и «Сведения о продукте» не учитывают шрифт. В некоторых случаях это может быть явным выбором дизайна, но это может быть ошибка, если явный шрифт не указан в рамках спецификаций redline.
Чтобы сбросить шрифт, нажмите кнопку «Использовать значения по умолчанию» в разделе » > Параметры > среды > » и «Цвета«.
Стиль текста
Стиль текста относится к размеру шрифта, весу и регистру. Рекомендации по реализации см. в разделе «Шрифт среды».
Регистр текста
Все прописные
Не используйте все крышки для заголовков или меток в Visual Studio.
Все строчные регистры
Не используйте все строчные регистры для заголовков или меток в Visual Studio.
Предложение и заголовок дела
Текст в Visual Studio должен использовать регистр заголовка или вариант предложения в зависимости от ситуации.
| Используйте вариант заголовка для: | Используйте вариант предложения для: |
|---|---|
| Заголовки диалогов | Наклейки |
| Поля групп | Флажки |
| Пункты меню | Переключатели |
| Элементы контекстного меню | Элементы поля списка |
| Пуговицы | Строки состояния |
| Табличные метки | |
| Заголовки столбцов | |
| Подсказки |
Заголовок регистра
Заголовок является стилем, в котором первые буквы большинства или всех слов в фразе прописываются с прописной буквой. В Visual Studio заголовок используется для многих элементов, включая:
- Подсказки. Пример: «Предварительный просмотр выбранных элементов»
- Заголовки столбцов. Пример: «Системный ответ»
- Пункты меню. Пример: «Сохранить все» При использовании регистра заголовка ниже приведены рекомендации по тому, когда следует прописные слова и когда оставьте их строчным регистром:
| Верхний регистр | Комментарии и примеры |
|---|---|
| Все существительные | |
| Все команды | Включая «Is» и другие формы «быть» |
| Все наречия | Включая «Than» и «Когда» |
| Все прилагательные | Включая «Это» и «Это» |
| Все существительные | Включая притяжательное «Его», а также «Это», сокращение существительного «это» и глагола «is» |
| Первые и последние слова, независимо от частей речи | |
| Предпозиции, которые являются частью фразы команды | «Закрытие всех окон» или «Завершение работы системы» |
| Все буквы акронима | HTML, XML, URL,IDE, RGB |
| Второе слово в составном слове, если это существительное или правильное прилагательное, или если слова имеют равный вес | Перекрестная ссылка, предварительное программное обеспечение Майкрософт, доступ на чтение и запись, время выполнения |
| Нижний регистр | Примеры |
|---|---|
| Второе слово в составном слове, если оно является другой частью речи или частью изменения первого слова | Практическое руководство, взлет |
| Статьи, если только одно слово не является первым словом в названии | a, an, the |
| Сочетания координат | и, но, для, или или |
| Предпозиции с словами из четырех или меньше букв за пределами фразы глагола | в, на, как для, вне, на вершине |
| «To» при использовании в инфинитивной фразе | «Форматирование жесткого диска» |
Дело предложения
Дело предложения является стандартным методом прописи, в котором только первое слово предложения заглавно, наряду с любыми правильными существительными и существительным «Я». Как правило, дело о предложении проще для аудитории по всему миру читать, особенно когда содержимое будет переведено компьютером. Используйте вариант предложения для:
- Сообщения строки состояния. Это простые, короткие и предоставляют только сведения о состоянии. Пример: «Загрузка файла проекта»
- Все остальные элементы пользовательского интерфейса, включая метки, проверка поля, переключатели и элементы списка. Пример: «Выбор всех элементов в списке»
Форматирование текста
Форматирование текста по умолчанию в Visual Studio 2013 управляется шрифтом среды. Эта служба помогает обеспечить согласованный внешний вид шрифта в интегрированной среде разработки (интегрированная среда разработки), и его необходимо использовать для обеспечения согласованного взаимодействия с пользователями.
Размер по умолчанию, используемый службой шрифтов Visual Studio, поставляется из Windows и отображается как 9 pt.
Форматирование можно применить к шрифту среды. В этом разделе описывается, как и где использовать стили. Сведения о реализации см. в шрифте среды.
Полужирный текст
Полужирный текст используется в Visual Studio и должен быть зарезервирован для следующих элементов:
- Метки вопросов в мастерах
- назначение активного проекта в Обозреватель решений
- Переопределенные значения в окне инструментов «Свойства»
- некоторые события в раскрывающихся списках редактора Visual Basic
- содержимое, созданное сервером в структуре документа для веб-страниц
- Заголовки разделов в сложном диалоговом окне или пользовательском интерфейсе конструктора
Курсив
Visual Studio не использует курсив или полужирный курсивный текст.
Color
- Синий зарезервирован для гиперссылок (навигации и команд) и никогда не должен использоваться для ориентации.
- Более крупные заголовки (шрифт среды x 155% или больше) можно цветить в следующих целях:
- Предоставление визуальной привлекательности для подписи пользовательского интерфейса Visual Studio
- Чтобы привлечь внимание к определенной области
- Чтобы обеспечить облегчение от стандартного темно-серого или черного цвета текста среды
Размер шрифта
Дизайн пользовательского интерфейса Visual Studio предоставляет более легкий внешний вид с большим пробелом. По возможности хром и заголовки были сокращены или удалены. Хотя плотность информации является требованием в Visual Studio, типография по-прежнему важна, с акцентом на более открытые интервалы строк и вариацию размеров шрифтов и весов.
В приведенных ниже таблицах содержатся сведения о конструкторе и визуальные примеры для шрифтов отображения, используемых в Visual Studio. Некоторые варианты шрифта отображения имеют как размер, так и вес, например Semilight или Light, закодированные в их внешний вид.
Фрагменты кода реализации для всех шрифтов отображения можно найти в справочнике по форматированию (масштабированию и полужирным шрифтам).
Шрифт среды 375 % + свет
Сделайте следующее:
— использование варианта предложения
— Всегда используйте легкий весНе делайте следующего:
Визуальный пример:
Шрифт среды 310 % + свет
— более крупный заголовок в диалоговых окнах сигнатуры
— основной заголовок отчетаСделайте следующее:
— использование варианта предложения
— Всегда используйте легкий весНе делайте следующего:
Визуальный пример:
Шрифт среды 200 % + Semilight
-Подзаголовки
— Заголовки в небольших и средних диалоговых окнахСделайте следующее:
— использование варианта предложения
— Всегда используйте полусветный весНе делайте следующего:
Визуальный пример:
Шрифт среды 155 %
— заголовки разделов в пользовательском интерфейсе документа
-ОтчетыDo: Use sentence case
Не делайте следующего:
Визуальный пример:
Шрифт среды 133%
— небольшие подзаголовок в диалоговых окнах подписи
— небольшие подзаголовок в пользовательском интерфейсе документаDo: Use sentence case
Не делайте следующего:
Визуальный пример:
Шрифт среды 122 %
— заголовки разделов в диалоговых окнах подписи
— верхние узлы в представлении дерева
— навигация по вертикали табуляцииDo: Use sentence case
Не делайте следующего:
Визуальный пример:
Шрифт среды + полужирный
— Метки и подзаголовки в диалоговых окнах подписи
— метки и подзаголовки в отчетах
— метки и подзаголовок в пользовательском интерфейсе документаСделайте следующее:
— использование варианта предложения
— Использование полужирного весаНе делайте следующего:
Визуальный пример:
Шрифт среды
Do: Use sentence case
Визуальный пример:
Заполнение и интервалы
Заголовки требуют пространства вокруг них, чтобы дать им соответствующий акцент. Это пространство зависит от размера точки и того, что еще находится рядом с заголовком, например горизонтальное правило или строка текста в шрифте среды.
- Идеальное заполнение для заголовка должно быть 90 % пространства высоты символа столицы. Например, заголовок 28 pt Segoe UI Light имеет заголовок с высотой 26 пт, а заполнение должно быть примерно 23 пт или около 31 пикселей.
- Минимальное пространство вокруг заголовка должно составлять 50 % высоты символа столицы. Меньше места можно использовать, если заголовок сопровождается правилом или другим элементом с жесткой настройкой.
- Полужирный текст шрифта среды должен соответствовать интервалам высоты линии по умолчанию и заполнению.
См. также
- Шрифты (Windows)
- Текст пользовательского интерфейса (Windows)
Visual Studio – что это такое
Программирование требует от разработчика работы с различными инструментами и фреймворками, а также языками и библиотеками. Основой процедуры является выбор среды разработки.
Написать code для будущего приложения можно в любом текстовом редакторе или специализированном программном обеспечении. От выбора соответствующего элемента будут зависеть некоторые функции и возможности компиляции/отладки будущего проекта.
Далее предстоит выяснить, что собой представляет VS Code. Эта программа подойдет для работы новичков и уже опытных программистов. В статье описаны ее ключевые особенности, опции, области применения. Эти данные пригодятся как начинающим разработчикам, так и более опытным специалистам.
Определение
Программа Code Studio – это своеобразный редактор исходного кода. Он разработан компанией Microsoft. Работает соответствующее программное обеспечение на самых разных платформах. Позволяет писать код в специально созданной среде на разных языках.
VS Code запускается на:
Рассматриваемый редактор служит более простой версией Visual Studio. Он способен выполнять роль полноценной среды разработки. Такой результат достигается за счет огромного количества дополнительных плагинов.
Code Visual Studio – это бесплатное программное обеспечение. VisualStudio будет хорошо работать как на старом оборудовании, так и на новейшем слове техники. Рекомендуется для изучения новичками в области программирования за счет своей «облегченности».
Кто и где использует
Программа VS-Code – универсальный редактор. Он позволяет писать код на самых разных языках:
- HTML/CSS;
- PHP;
- JavaScript;
- Ruby;
- Go;
- Python;
- C#;
- Typescript.
Это не исчерпывающий список языков, с которыми работает VSCode. Другие ЯП тоже могут быть использованы при создании проектов в рассматриваемом программном обеспечении.
Визуал Студио от MS поддерживает работу с расширениями и фреймворками популярных языков разработки ReactJS, Vue.js. Среда дает возможность писать коды с применением языков стилей LESS and SASS, которые дополнят CSS.
Использовать Визуал Студио способен каждый программист на любом из современных ЯП. Чаще всего это программное обеспечение применяется в проектах, где не требуется мощность полноценной IDE.
Visual-Studio-Code от Microsoft дает возможность с легкостью писать, форматировать и редактировать код. Он позволяет быстро создавать проекты с грамотно организованной структурой файлов/документов. Visual Code подсвечивает синтаксис, предотвращая появление большинства ошибок. Также здесь имеются опции отладки и запуска кода на некоторых ЯП.
VS Code – это проект, который легко расширяется. Для добавления новых опций и возможностей к нему достаточно скачать то или иное дополнение из официального каталога. Плагины и расширения для ПО распространяются совершенно бесплатно.
Ключевые возможности
VC от MS – это функциональный редактор. Сразу после установки на устройство он будет готов к эксплуатации. Рассматриваемое приложение обладает следующими ключевыми возможностями:
- Написание и редактирование проектов (coding). Главное назначение VS Code – это возможность написания исходного кода на том или ином ЯП с последующими перспективами редактирования и сохранения. Здесь есть опции форматирования контента. Рассматриваемое ПО дает возможность структурировать и форматировать программы. Пример – подсветка синтаксиса, выделение ошибок, автоматическая расстановка отступов.
- Авторедактирование. Некоторые опции VS-Studio Code от MS разрешено автоматизировать. Небольшие рутинные задачи могут выполняться через плагины and дополнения: исправление ошибок, расстановка отступов, грамотное именование, соблюдение единого стиля написания проекта и так далее.
- Быстрая навигация по исходному документу.
- Контроль версий. VC поддерживает систему контроля версий GIT.
- Инициализация дополнений. Это одна из ключевых особенностей Визуал Студио. Он легко расширяется прямо из редактора.
- Запуск кода. Стандартные опции позволяют запускать проекты на сильно ограниченном спектре ЯП. За счет official plugins этот недочет можно с легкостью устранить.
- Быстрая и простая отладка проекта. Code Visual Studio от Microsoft поддерживает встроенный отладчик для JS.
VC – универсальное средство разработки для Windows and других платформ. Оно малотребовательно к устройству, на котором запускается, благодаря чему приложение получило широкое распространение.
Преимущества и недостатки
VSCode official имеет как плюсы, так и минусы. К сильным сторонам этого редактора относят:
- Простоту освоения. Программа подойдет для изучения новичками and опытными разработчиками.
- Небольшой вес.
- Кроссплатформенность. Программное обеспечение запускается на Windows and Linux. На MacOS оно тоже будет исправно функционировать.
- Поддержку разнообразных языков программирования.
- Гибкость. VSCode official обладает множеством расширений и удобный функций. Сервис с легкостью настраивается под нужды конкретного разработчика.
Недостатками можно назвать:
- ограниченную функциональность;
- медленную работу, особенно с масштабными работами.
VS Code – удобный, гибкий и функциональный инструмент программиста. Скачать его можно через официальный сайт сервиса. Процедура займет несколько минут. Сразу после инициализации программа готова к функционированию. Открыть окно настроек графического редактора можно через Ctrl +.
Хотите освоить современную IT-специальность? Огромный выбор курсов по востребованным IT-направлениям есть в Otus !
vs_CoreEditorFonts 17.4.33213
vs_CoreEditorFonts это программное обеспечение Shareware в категории (2), разработанная Microsoft Corporation.
Проверяли обновления 3 738 раз пользователями нашего клиентского приложения UpdateStar в прошлом месяце.
Последняя версия vs_CoreEditorFonts-17.4.33213, выпущенный на 28.01.2023. Первоначально он был добавлен в нашу базу данных на 12.01.2023.
vs_CoreEditorFonts работает на следующих операционных системах: Windows.
vs_CoreEditorFonts не был оценен нашими пользователями еще.
Установки
3 738 пользователи UpdateStar были установлены в прошлом месяце vs_CoreEditorFonts.
Последние обновления
08.01.2024 Multi Commander 13.4.0.2977 08.01.2024 TeamViewer QuickSupport 15.49.3 08.01.2024 TeamViewer Host 15.49.3 08.01.2024 TeamViewer 15.49.3 08.01.2024 Threema-web 1.2.40 Which font is used in Visual Studio Code Editor and how to change fonts?
I tried Visual Studio Code editor(https://code.visualstudio.com/) which is recently announced at build. I tried it on Windows and Ubuntu. I can see that default font of Visual Studio Code Editor is not consolas which prefer on my code editors. So which is default font of Visual Studio Code Editor in All the environments(Ubuntu, MAC OS and windows)? And how can I change it?
55.2k 30 30 gold badges 205 205 silver badges 201 201 bronze badges
asked Apr 30, 2015 at 5:55
Jalpesh Vadgama Jalpesh Vadgama
13.8k 20 20 gold badges 73 73 silver badges 94 94 bronze badgesThe font used for tab titles, menus, and other text that’s part of VS Code itself, as opposed to content such as code within an editor, is currently Arial.
Dec 17, 2018 at 18:49
The latest font is Cascadia Mono in case any one comes to this link > mid 2022. Download from github.com/microsoft/cascadia-code
Jul 26, 2022 at 12:35
11 Answers 11
Go to Preferences > User Settings . (Alternatively, Ctrl + , / Cmd + , on macOS)
Then you can type inside the JSON object any settings you want to override. User settings are per user. You can also configure workspace settings, which are for the project that you are currently working on.
Here’s an example:
// Controls the font family. "editor.fontFamily": "Consolas", // Controls the font size. "editor.fontSize": 1325.3k 13 13 gold badges 84 84 silver badges 93 93 bronze badges
answered Apr 30, 2015 at 7:14
22k 4 4 gold badges 62 62 silver badges 60 60 bronze badges
Do you know the default font settings (family, size, weight) which VSCode uses if nothing is set?
May 3, 2015 at 11:05
i believe it is monaco and the size seems to be between 12 and 13
May 3, 2015 at 14:40It’s just to confirm that in Windows 8.1 the font is Monaco, and at least in my 3200×1800 screen, the default font size is 14. Here’s the comparison with Monaco 14 in Intellij Idea (Code is the blue one): !Code / Idea
May 4, 2015 at 9:24
it does not do anything . I see still the same font. Should I force update of the settings? E.g. restart vscode ? even after restart no change
Aug 15, 2017 at 14:43
Once you save it, if it doesn’t change make sure to restart Visual Studio Code. There are two spots you may need to change this. One is File -> Preferences -> Settings. The other is if you have a .vscode folder there will be a settings.json file under it.
Jun 15, 2018 at 22:52
In the default settings, VS Code uses the following fonts (14 pt) in descending order:
- Monaco
- Menlo
- Consolas
- «Droid Sans Mono»
- «Inconsolata»
- «Courier New»
- monospace (fallback)
How to verify: VS Code runs in a browser. In the first version, you could hit F12 to open the Developer Tools. Inspecting the DOM, you can find a containing several s that make up that line of code. Inspecting one of those spans, you can see that font-family is just the list above.
3,141 4 4 gold badges 32 32 silver badges 52 52 bronze badges
answered Jun 2, 2015 at 19:57
1,443 1 1 gold badge 8 8 silver badges 15 15 bronze badgesI got «Segoe WPC»,»Segoe UI»,SFUIText-Light,HelveticaNeue-Light,sans-serif,»Droid Sans Fallback» . I am using it in archlinux if it matters.
Jan 31, 2016 at 20:17
That explains why it is a bit slow to load. I tried «editor.fontFamily»: «Windings», to verify that the font setting does not work. The size part does work. However it appesrs to be smaller that the size on Notepad++ for the same font. (but this may be also caused by it being run in a browser)
Feb 15, 2017 at 11:17
How to add other font family like «Source Code Pro» ?
Jul 31, 2017 at 8:38
VSCode uses different fonts across different OS families. See my answer for the detail.
Aug 29, 2017 at 5:51@Gel, the complete list of all possible fonts that vscode allows should be the complete list of all fonts installed in your operating system, or at least all those that are not an ancient format preceding TTF and OTF. By today, I’d assume 99% or more of all fonts on Windows and macOS is either TTF or OTF.
Mar 29, 2022 at 21:55
The default fonts are different across Windows, Mac, and Linux. As of VSCode 1.15.1, the default font settings can be found in the source code:
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\'';