¿Qué fuente se usa en Visual Studio Code Editor y cómo cambiar las fuentes?

Probé el editor de Visual Studio Code ( https://code.visualstudio.com/ ) que se anunció recientemente en la compilación. Lo probé en Windows y Ubuntu. Puedo ver que la fuente predeterminada de Visual Studio Code Editor no son las consolas que prefiero en mis editores de código.

Entonces, ¿cuál es la fuente predeterminada de Visual Studio Code Editor en todos los entornos (Ubuntu, MAC OS y Windows)? ¿Y cómo puedo cambiarlo?

Ve a Preferences> User Settings. (Alternativamente, Ctrl+ ,/ Cmd+ ,en macOS)

Luego puede escribir dentro del objeto JSON cualquier configuración que desee anular. La configuración del usuario es por usuario. También puede configurar los ajustes del espacio de trabajo, que son para el proyecto en el que está trabajando actualmente.

Aquí hay un ejemplo:

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

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

Enlaces útiles:

• Configuración por defecto

En la configuración predeterminada, VS Code utiliza las siguientes fuentes (14 pt) en orden descendente:

• Mónaco
• Menlo
• Consolas
• "Droid Sans Mono"
• "Inconsolata"
• "Courier New"
• monoespacio (reserva)

Cómo verificar: VS Code se ejecuta en un navegador. En la primera versión, puede presionar F12 para abrir las Herramientas para desarrolladores. Al inspeccionar el DOM, puede encontrar uno que contenga varios correos electrónicos que componen esa línea de código. Al inspeccionar uno de esos tramos, puede ver que la familia de fuentes es solo la lista anterior.

Las fuentes predeterminadas son diferentes en Windows, Mac y Linux. A partir de VSCode 1.15.1, la configuración de fuente predeterminada se puede encontrar en el código fuente :

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\'';

En VSCode si "editor.fontFamily": ""está en blanco, el tamaño de fuente NO funcionará. Establezca una familia de fuentes para cambiar el tamaño.

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

Realmente, use la familia de fuentes que desee.

Entonces "editor.fontSize": 16, debería funcionar.

En mi máquina con Windows 8.1, la fuente predeterminada de VS Code es Consolas, pero puede cambiar fácilmente la fuente en Archivo-> Preferencias-> Preferencias de usuario. El archivo setting.json se abrirá junto con el archivo de configuración predeterminado, desde donde puede tomar la sintaxis y los nombres de las propiedades de configuración y establecer los suyos propios en settings.json.

En Windows, la configuración predeterminada es la siguiente (nunca instalé Mónaco ni Menlo)

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

Configuraciones fontSize a 12 y lineHeight a 16 se aproximan a Visual Studio en Consolas con un tamaño de 10pt. No pude obtener una coincidencia exacta (la fuente VS Code es un poco más audaz) pero lo suficientemente cerca.

Otra forma de determinar la fuente predeterminada es comenzar a escribir la "editor.fontFamily"configuración y ver qué sugiere el relleno automático. En una Mac, muestra de forma predeterminada:

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

lo que confirma lo que Andy Li dice arriba.

Abrir vscode.

Presione ctrl,.

El ajuste es "editor.fontFamily".

En Linux para obtener una lista de fuentes (y sus nombres que debe usar) ejecute esto en otro shell:

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

Puede especificar una lista de fuentes para tener valores de reserva en caso de que falte una fuente.

Desde que VisualStudio se actualizó ahora (2019). Puedes probar este método:

• Vaya a Archivo-> Preferencia-> Configuración .
• Vaya a la pestaña Espacio de trabajo y luego Editor de texto-> Fuente
• En el formulario Familia de fuentes , coloque los nombres de familias de fuentes que desea usar separados por una coma. Por ejemplo, puse estas fuentes en mi espacio de trabajo: Haga clic para ver la configuración de mi espacio de trabajo

Vaya a Herramientas-> Opciones en el menú en la ventana principal. En Contenedor de entorno, puede ver Fuentes y colores. Puede seleccionar la fuente y el color que desee.