Quale carattere viene utilizzato in Visual Studio Code Editor e come modificare i caratteri?


189

Ho provato l'editor di Visual Studio Code ( https://code.visualstudio.com/ ) che è stato recentemente annunciato al momento della compilazione. L'ho provato su Windows e Ubuntu. Vedo che il carattere predefinito di Visual Studio Code Editor non è una console che preferisco sui miei editor di codice.

Quindi qual è il carattere predefinito di Visual Studio Code Editor in Tutti gli ambienti (Ubuntu, MAC OS e Windows)? E come posso cambiarlo?


intendevi l'editor di codice di Visual Studio ??
Santhucool,


1
Il carattere utilizzato per i titoli delle schede, i menu e altro testo che fa parte del codice VS stesso, al contrario di contenuti come il codice all'interno di un editor, è attualmente Arial.
Magnus Lind Oxlund il

Risposte:


207

Vai a Preferences> User Settings. (In alternativa, Ctrl+ ,/ Cmd+ ,su macOS)

Quindi è possibile digitare all'interno dell'oggetto JSON qualsiasi impostazione che si desidera sovrascrivere. Le impostazioni dell'utente sono per utente. Puoi anche configurare le impostazioni dell'area di lavoro, che sono per il progetto su cui stai attualmente lavorando.

Ecco un esempio:

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

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

Link utili:


Conosci le impostazioni di carattere predefinite (famiglia, dimensione, peso) che VSCode utilizza se non è impostato nulla?
Gligoran,

credo che sia monaco e la dimensione sembra essere tra il 12 e il 13
John Papa,

1
È solo per confermare che in Windows 8.1 il carattere è Monaco, e almeno nella mia schermata 3200x1800, la dimensione del carattere predefinita è 14. Ecco il confronto con Monaco 14 in Intellij Idea (il codice è quello blu):! Codice / Idea
LeoLozes

2
non fa nulla ... vedo ancora lo stesso carattere. Devo forzare l'aggiornamento delle impostazioni? Ad esempio riavviare vscode? anche dopo il riavvio nessun cambiamento
Prokop Hapala

1
Una volta salvato, se non cambia assicurati di riavviare Visual Studio Code. Ci sono due punti che potresti dover cambiare. Uno è File -> Preferenze -> Impostazioni. L'altro è se hai una cartella .vscode ci sarà un file settings.json sotto di essa.
Braden Brown,

98

Nelle impostazioni predefinite, VS Code utilizza i seguenti caratteri (14 pt) in ordine decrescente:

  • Monaco
  • Menlo
  • Consolas
  • "Droid Sans Mono"
  • "Inconsolata"
  • "Courier New"
  • monospace (fallback)

Come verificare: VS Code viene eseguito in un browser. Nella prima versione, è possibile premere F12 per aprire gli Strumenti di sviluppo. Esaminando il DOM, è possibile trovare un contenente diversi s che compongono quella riga di codice. Ispezionando uno di questi span, puoi vedere che la famiglia di caratteri è solo l'elenco sopra.

aree pertinenti


Ho capito "Segoe WPC","Segoe UI",SFUIText-Light,HelveticaNeue-Light,sans-serif,"Droid Sans Fallback". Lo sto usando in Archlinux se è importante.
aloisdg si trasferisce su codidact.com il

Questo spiega perché è un po 'lento da caricare. Ho provato "editor.fontFamily": "Windings", per verificare che l'impostazione del carattere non funzioni. La parte delle dimensioni funziona. Tuttavia, sembra essere più piccolo della dimensione su Notepad ++ per lo stesso carattere. (ma ciò può anche essere causato dall'esecuzione in un browser)
Paul McCarthy,

4
Come aggiungere un'altra famiglia di caratteri come "Source Code Pro"?
Dale,

VSCode utilizza caratteri diversi in diverse famiglie di sistemi operativi. Vedi la mia risposta per i dettagli.
Andy Li,

21

I caratteri predefiniti sono diversi tra Windows, Mac e Linux. A partire dal VSCode 1.15.1, le impostazioni dei caratteri predefinite sono disponibili nel codice sorgente :

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

Nel VSCode se "editor.fontFamily": ""è vuoto, la dimensione del carattere NON funzionerà. Imposta una famiglia di caratteri per modificare le dimensioni.

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

Usa davvero qualunque tipo di carattere ti piaccia.

Quindi "editor.fontSize": 16, dovrebbe funzionare.


Questa è l'unica volta che ho visto qualcuno menzionare che devi avere un fontFamily non vuoto per poter usare la dimensione del carattere. Risolto un problema per me
Alex White,

2
Questo non è più vero. Cambiare fontSize con fontFamily unset (installazione nuova di default) funziona bene.
jblaine,

15

Sulla mia macchina Windows 8.1 il font VS Code predefinito è Consolas, ma puoi facilmente cambiare il font in File-> Preferenze-> Preferenze utente. Il file setting.json verrà aperto insieme al file delle impostazioni predefinite, da cui è possibile prendere la sintassi e i nomi per le proprietà delle impostazioni e impostare i propri in settings.json.inserisci qui la descrizione dell'immagine


10

Su Windows, le impostazioni predefinite sono le seguenti (non ho mai installato Monaco né Menlo)

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

Impostazioni fontDimensioni su 12 e lineaAltezza su 16 Visual Studio strettamente impostato impostato su Consolas con dimensione 10pt. Non sono riuscito a ottenere una corrispondenza esatta (il carattere VS Code è leggermente più audace) ma abbastanza vicino.


3

Un altro modo per determinare il carattere predefinito è iniziare a digitare le "editor.fontFamily"impostazioni e vedere cosa suggerisce il riempimento automatico. Su un Mac, mostra per impostazione predefinita:

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

che conferma ciò che dice Andy Li sopra.


3

Apri vscode.

stampa ctrl, .

L'impostazione è "editor.fontFamily" .

Su Linux per ottenere un elenco di caratteri (e dei loro nomi che devi usare) esegui questo in un'altra shell:

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

È possibile specificare un elenco di caratteri, per avere valori di fallback nel caso in cui manchi un carattere.


3

Dal momento che VisualStudio è stato aggiornato ora (2019). Puoi provare questo metodo:

  • Vai su File-> Preferenze-> Impostazioni .
  • Vai alla scheda Area di lavoro e quindi Editor di testo-> Carattere
  • In Modulo famiglia di caratteri , inserisci i nomi delle famiglie di caratteri che desideri utilizzare separati da una virgola. Ad esempio, ho inserito questi caratteri nel mio spazio di lavoro: fai clic per visualizzare le impostazioni del mio spazio di lavoro

0

Vai su Strumenti-> Opzioni nel menu nella finestra principale. Nel contenitore Ambiente è possibile visualizzare Caratteri e colori. Puoi selezionare il carattere e il colore che desideri.

Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.