Qual fonte é usada no Editor de Código do Visual Studio e como alterar fontes?

189

Tentei o editor de código do Visual Studio ( https://code.visualstudio.com/ ), que foi anunciado recentemente na compilação. Eu tentei no Windows e Ubuntu. Percebo que a fonte padrão do Editor de Código do Visual Studio não é um console que prefere meus editores de código.

Então, qual é a fonte padrão do Visual Studio Code Editor em Todos os ambientes (Ubuntu, MAC OS e Windows)? E como eu posso mudar isso?

Jalpesh Vadgama
fonte
você quis dizer editor de código do Visual Studio?
precisa saber é o seguinte
Sim - code.visualstudio.com este
Jalpesh Vadgama)
1
A fonte usada para títulos de guias, menus e outros textos que fazem parte do próprio VS Code, em oposição a conteúdo como código em um editor, atualmente é Arial.
Magnus Lind Oxlund

Respostas:

207

Vá para Preferences> User Settings. (Como alternativa, Ctrl+ ,/ Cmd+ ,no macOS)

Em seguida, você pode digitar dentro do objeto JSON todas as configurações que deseja substituir. As configurações do usuário são por usuário. Você também pode definir as configurações da área de trabalho, que são para o projeto em que você está trabalhando atualmente.

Aqui está um exemplo:

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

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

Links Úteis:

John Papa
fonte
Você conhece as configurações de fonte padrão (família, tamanho, peso) que o VSCode usa se nada estiver definido?
Gligoran # 3/15
Eu acredito que é monaco eo tamanho parece ser entre 12 e 13
John Papa
1
É apenas para confirmar que no Windows 8.1 a fonte é Mônaco e, pelo menos na tela de 3200x1800, o tamanho padrão é 14. Aqui está a comparação com o Mônaco 14 na Intellij Idea (o código é azul):! Code / Idea
LeoLozes
2
não faz nada ... ainda vejo a mesma fonte. Devo forçar a atualização das configurações? Por exemplo, reiniciar vscode? mesmo após reiniciar nenhuma alteração
Prokop Hapala
1
Depois de salvá-lo, se ele não mudar, reinicie o Visual Studio Code. Pode ser necessário alterar dois pontos. Um deles é Arquivo -> Preferências -> Configurações. A outra é que, se você tiver uma pasta .vscode, haverá um arquivo settings.json.
precisa
98

Nas configurações padrão, o VS Code usa as seguintes fontes (14 pt) em ordem decrescente:

  • Mônaco
  • Menlo
  • Consolas
  • "Droid sem mono"
  • "Inconsolata"
  • "Courier New"
  • monoespaço (fallback)

Como verificar: o VS Code é executado em um navegador. Na primeira versão, você pode pressionar F12 para abrir as Ferramentas do desenvolvedor. Inspecionando o DOM, você pode encontrar um contendo vários s que compõem essa linha de código. Inspecionando um desses períodos, você pode ver que a família de fontes é apenas a lista acima.

áreas relevantes

Sebastian
fonte
Eu tenho "Segoe WPC","Segoe UI",SFUIText-Light,HelveticaNeue-Light,sans-serif,"Droid Sans Fallback". Estou usando-o no archlinux, se isso importa.
aloisdg movendo-se para codidact.com 31/01
Isso explica por que é um pouco lento para carregar. Tentei "editor.fontFamily": "Enrolamentos", para verificar se a configuração da fonte não funciona. A parte do tamanho funciona. No entanto, parece ser menor que o tamanho no Notepad ++ para a mesma fonte. (mas isso também pode ser causada por ele ser executado em um navegador)
Paul McCarthy
4
Como adicionar outra família de fontes como "Source Code Pro"?
Dale
O VSCode usa fontes diferentes em diferentes famílias de SO. Veja minha resposta para os detalhes.
Andy Li
21

As fontes padrão são diferentes no Windows, Mac e Linux. No VSCode 1.15.1, as configurações de fonte padrão podem ser encontradas no código-fonte :

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\'';
Andy Li
fonte
19

No VSCode, se "editor.fontFamily": ""estiver em branco, o tamanho da fonte NÃO funcionará. Defina uma família de fontes para alterar o tamanho.

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

Realmente, use qualquer família de fontes que desejar.

Então "editor.fontSize": 16, deve funcionar.

John Galbraith
fonte
Esta é a única vez que vi alguém mencionar que você precisa ter uma fontFamily não vazia para que o tamanho da fonte seja usado. Resolveu um problema para mim.
Alex White
2
Isso não é mais verdade. Mudar fontSize com fontFamily não definido (nova instalação padrão) funciona bem.
jblaine
15

Na minha máquina Windows 8.1, a fonte padrão do VS Code é Consolas, mas você pode alterar facilmente a fonte em Arquivo-> Preferências-> Preferências do Usuário. O arquivo setting.json será aberto junto com o arquivo de configurações padrão, de onde você pode obter sintaxe e nomes para propriedades de configurações e definir seus próprios em settings.json.insira a descrição da imagem aqui

Nikita Kunevich
fonte
10

No Windows, as configurações padrão são as seguintes (nunca instalei o Monaco nem o Menlo)

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

Tamanho das fontes para 12 e lineHeight para 16 é o Visual Studio aproximado, definido como Consolas com tamanho de 10 pontos Não consegui uma correspondência exata (a fonte do VS Code é um pouco mais ousada), mas perto o suficiente.

Axel Rietschin
fonte
3

Outra maneira de determinar a fonte padrão é começar a digitar as "editor.fontFamily"configurações e ver o que o preenchimento automático sugere. Em um Mac, ele mostra por padrão:

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

o que confirma o que Andy Li disse acima.

shacker
fonte
3

Abra o vscode.

Pressione ctrl,.

O cenário é "editor.fontFamily".

No Linux, para obter uma lista de fontes (e seus nomes que você precisa usar), execute isso em outro shell:

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

Você pode especificar uma lista de fontes, para ter valores de fallback caso uma fonte esteja ausente.

sjas
fonte
3

Desde que o VisualStudio foi atualizado agora (2019). Você pode tentar este método:

  • Vá para Arquivo-> Preferências-> Configurações .
  • Vá para a guia Área de trabalho e, em seguida, Editor de texto-> Fonte
  • No formulário Família de fontes , coloque os nomes das famílias de fontes que você deseja usar separados por vírgula. Por exemplo, eu coloquei essas fontes no meu espaço de trabalho: Clique para ver a configuração do meu espaço de trabalho
Hemant Singh
fonte
0

Vá em Ferramentas-> Opções no menu na janela principal. No contêiner Ambiente, você pode ver Fontes e cores. Você pode selecionar a fonte e a cor que desejar.

Salih ESKİOĞLU
fonte