Welche Schriftart wird im Visual Studio Code Editor verwendet und wie werden Schriftarten geändert?


187

Ich habe den Visual Studio Code Editor ( https://code.visualstudio.com/ ) ausprobiert, der kürzlich beim Erstellen angekündigt wurde. Ich habe es unter Windows und Ubuntu versucht. Ich kann sehen, dass die Standardschriftart von Visual Studio Code Editor keine Konsolen sind, die meine Code-Editoren bevorzugen.

Welches ist die Standardschriftart von Visual Studio Code Editor in allen Umgebungen (Ubuntu, MAC OS und Windows)? Und wie kann ich das ändern?


Meinten Sie Visual Studio Code Editor?
Santhucool


1
Die Schriftart, die für Tabulatortitel, Menüs und anderen Text verwendet wird, der Teil von VS Code selbst ist, im Gegensatz zu Inhalten wie Code in einem Editor, ist derzeit Arial.
Magnus Lind Oxlund

Antworten:


206

Gehe zu Preferences> User Settings. (Alternativ Ctrl+ ,/ Cmd+ ,unter macOS)

Anschließend können Sie in das JSON-Objekt alle Einstellungen eingeben, die Sie überschreiben möchten. Benutzereinstellungen sind pro Benutzer. Sie können auch Arbeitsbereichseinstellungen konfigurieren, die für das Projekt gelten, an dem Sie gerade arbeiten.

Hier ist ein Beispiel:

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

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

Nützliche Links:


Kennen Sie die Standardschriftarteneinstellungen (Familie, Größe, Gewicht), die VSCode verwendet, wenn nichts festgelegt ist?
Gligoran

Ich glaube, es ist Monaco und die Größe scheint zwischen 12 und 13 zu sein
John Papa

1
Es soll nur bestätigt werden, dass in Windows 8.1 die Schriftart Monaco ist und zumindest in meinem 3200x1800-Bildschirm die Standardschriftgröße 14. Hier ist der Vergleich mit Monaco 14 in Intellij Idea (Code ist die blaue) :! Code / Idee
LeoLozes

2
es macht nichts ... Ich sehe immer noch die gleiche Schriftart. Sollte ich die Aktualisierung der Einstellungen erzwingen? ZB vscode neu starten? Auch nach dem Neustart keine Änderung
Prokop Hapala

1
Wenn Sie es nach dem Speichern nicht ändern, müssen Sie Visual Studio Code neu starten. Möglicherweise müssen Sie dies an zwei Stellen ändern. Eine davon ist Datei -> Einstellungen -> Einstellungen. Die andere ist, wenn Sie einen .vscode-Ordner haben, wird eine settings.json-Datei darunter sein.
Braden Brown

98

In den Standardeinstellungen verwendet VS Code die folgenden Schriftarten (14 pt) in absteigender Reihenfolge:

  • Monaco
  • Menlo
  • Konsolen
  • "Droid Sans Mono"
  • "Inconsolata"
  • "Kurier neu"
  • Monospace (Fallback)

So überprüfen Sie: VS-Code wird in einem Browser ausgeführt. In der ersten Version können Sie F12 drücken, um die Entwicklertools zu öffnen. Wenn Sie das DOM überprüfen, finden Sie ein s, das mehrere s enthält, aus denen diese Codezeile besteht. Wenn Sie einen dieser Bereiche untersuchen, können Sie feststellen, dass die Schriftfamilie nur die obige Liste ist.

relevante Bereiche


Ich habe "Segoe WPC","Segoe UI",SFUIText-Light,HelveticaNeue-Light,sans-serif,"Droid Sans Fallback". Ich benutze es in Archlinux, wenn es darauf ankommt.
Aloisdg Umzug auf codidact.com

Das erklärt, warum das Laden etwas langsam ist. Ich habe "editor.fontFamily": "Windings" versucht, um zu überprüfen, ob die Schriftarteinstellung nicht funktioniert. Das Größenteil funktioniert. Es scheint jedoch kleiner zu sein als die Größe in Notepad ++ für dieselbe Schriftart. (Dies kann aber auch dadurch verursacht werden, dass es in einem Browser ausgeführt wird)
Paul McCarthy

4
Wie füge ich eine andere Schriftfamilie wie "Source Code Pro" hinzu?
Dale

VSCode verwendet unterschiedliche Schriftarten in verschiedenen Betriebssystemfamilien. Siehe meine Antwort für das Detail.
Andy Li

20

Die Standardschriftarten unterscheiden sich zwischen Windows, Mac und Linux. Ab VSCode 1.15.1 finden Sie die Standardschriftarteneinstellungen im Quellcode :

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

Wenn in VSCode "editor.fontFamily": ""leer ist, funktioniert die Schriftgröße NICHT. Legen Sie eine Schriftfamilie fest, um die Größe zu ändern.

"editor.fontFamily": "Verdana", oder "editor.fontFamily": "Monaco",

Verwenden Sie wirklich eine beliebige Schriftfamilie.

Dann "editor.fontSize": 16, sollte es funktionieren.


Dies ist das einzige Mal, dass jemand erwähnt hat, dass Sie eine nicht leere fontFamily benötigen, damit die Schriftgröße verwendet werden kann. Ein Problem für mich gelöst.
Alex White

2
Das stimmt nicht mehr. Das Ändern von fontSize mit nicht gesetztem fontFamily (Standard-Neuinstallation) funktioniert einwandfrei.
jblaine

15

Auf meinem Windows 8.1-Computer ist die Standard-VS-Code-Schriftart Consolas, aber Sie können die Schriftart einfach unter Datei-> Einstellungen-> Benutzereinstellungen ändern. Die Datei settings.json wird zusammen mit der Standardeinstellungsdatei geöffnet, in der Sie Syntax und Namen für die Einstellungseigenschaften verwenden und Ihre eigenen in settings.json festlegen können.Geben Sie hier die Bildbeschreibung ein


10

Unter Windows lauten die Standardeinstellungen wie folgt (ich habe weder Monaco noch Menlo installiert).

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

Einstellungen fontSize bis 12 und lineHeight bis 16 entsprechen in etwa Visual Studio, das auf Consolas mit einer Größe von 10pt eingestellt ist. Ich konnte keine genaue Übereinstimmung erzielen (VS-Schriftart ist etwas kühner), aber nah genug.


3

Eine andere Möglichkeit, die Standardschriftart zu bestimmen, besteht darin, "editor.fontFamily"Einstellungen einzugeben und zu sehen, was das automatische Ausfüllen vorschlägt. Auf einem Mac wird standardmäßig Folgendes angezeigt:

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

was bestätigt, was Andy Li oben sagt.


3

Öffnen Sie den vscode.

Drücken Sie ctrl,.

Die Einstellung ist "editor.fontFamily".

Führen Sie dies unter Linux in einer anderen Shell aus, um eine Liste der Schriftarten (und ihrer Namen, die Sie verwenden müssen) zu erhalten:

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

Sie können eine Liste von Schriftarten angeben, um Fallback-Werte zu erhalten, falls eine Schriftart fehlt.


3

Da das VisualStudio jetzt aktualisiert wurde (2019). Sie können diese Methode ausprobieren:

  • Gehen Sie zu Datei-> Einstellungen-> Einstellungen .
  • Gehen Sie zur Registerkarte Arbeitsbereich und dann zu Texteditor-> Schriftart
  • Unter Font-Family Form, setzen die font-family Namen , die Sie durch ein Komma getrennt verwenden möchten für zB ich diese Schriften in meinem Arbeitsbereich gesetzt haben: Klicken Sie auf meine Arbeitsbereich Einstellung zu sehen

0

Gehen Sie im Hauptfenster zu Extras-> Optionen im Menü. Unter Umgebungscontainer sehen Sie Schriftarten und Farben. Sie können die gewünschte Schriftart und Farbe auswählen.

Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.