Visual Studio Code Editor에서 사용되는 글꼴과 글꼴을 변경하는 방법은 무엇입니까?

최근 빌드에서 발표 된 Visual Studio Code editor ( https://code.visualstudio.com/ )를 사용해 보았습니다 . Windows와 Ubuntu에서 시도했습니다. Visual Studio Code Editor의 기본 글꼴이 코드 편집기를 선호하는 콘솔 라가 아님을 알 수 있습니다.

그렇다면 모든 환경 (Ubuntu, MAC OS 및 Windows)에서 Visual Studio Code Editor의 기본 글꼴은 무엇입니까? 어떻게 바꿀 수 있습니까?

Preferences>로 이동하십시오 User Settings. (또는 macOS 에서 Ctrl+ ,/ Cmd+ ,)

그런 다음 재정의하려는 설정을 JSON 객체 안에 입력 할 수 있습니다. 사용자 설정은 사용자마다 있습니다. 현재 작업중인 프로젝트에 대한 작업 공간 설정을 구성 할 수도 있습니다.

예를 들면 다음과 같습니다.

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

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

유용한 링크:

• 기본 설정

기본 설정에서 VS Code는 다음 글꼴 (14pt)을 내림차순으로 사용합니다.

• 모나코
• 멘로
• 콘솔 라
• "Droid Sans Mono"
• "인 콘솔 라타"
• "쿠리어 새로운"
• 고정 폭 (대체)

확인 방법 : VS 코드는 브라우저에서 실행됩니다. 첫 번째 버전에서는 F12를 눌러 개발자 도구를 열 수 있습니다. DOM을 검사하면 해당 코드 줄을 구성하는 여러 가지가 포함되어 있습니다. 이러한 범위 중 하나를 검사하면 font-family가 위의 목록에 불과하다는 것을 알 수 있습니다.

기본 글꼴은 Windows, Mac 및 Linux에서 다릅니다. VSCode 1.15.1부터 기본 글꼴 설정은 소스 코드 에서 찾을 수 있습니다 .

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

VSCode에서 "editor.fontFamily": ""공백이면 글꼴 크기가 작동하지 않습니다. 크기를 변경하려면 글꼴 모음을 설정하십시오.

"editor.fontFamily": "Verdana", 또는 "editor.fontFamily": "Monaco",

실제로 원하는 글꼴 모음을 사용하십시오.

그런 다음 "editor.fontSize": 16, 작동해야합니다.

내 Windows 8.1 시스템에서 기본 VS 코드 글꼴은 Consolas이지만 파일-> 환경 설정-> 사용자 환경 설정에서 글꼴을 쉽게 변경할 수 있습니다. setting.json 파일은 기본 설정 파일과 함께 열리 며 여기서 설정 속성의 구문과 이름을 가져와 settings.json에서 자신의 이름을 설정할 수 있습니다.

Windows에서 기본 설정은 다음과 같습니다 (모나코 나 멘로를 설치 한 적이 없음)

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

설정 fontSize를 12로, lineHeight를 16으로 설정하면 Visual Studio가 10pt 크기의 Consolas로 설정됩니다. 정확히 일치 할 수는 없지만 (VS 코드 글꼴이 약간 더 굵습니다) 충분히 가깝습니다.

기본 글꼴을 결정하는 또 다른 방법 "editor.fontFamily"은 설정에서 입력을 시작 하고 자동 채우기가 제안하는 내용을 보는 것입니다. Mac에서는 기본적으로 다음과 같이 표시됩니다.

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

앤디 리가 위에서 말한 것을 확인합니다.

vscode를 엽니 다.

프레스 ctrl, .

설정은 "editor.fontFamily" 입니다.

Linux에서 글꼴 목록 (및 사용해야하는 이름)을 얻으려면 다른 쉘에서이를 실행하십시오.

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

글꼴이없는 경우 대체 값을 가지도록 글꼴 목록을 지정할 수 있습니다.

VisualStudio가 지금 업데이트 된 이후 (2019). 이 방법을 시도해 볼 수 있습니다.

• 파일-> 환경 설정-> 설정으로 이동하십시오 .
• 작업 공간 탭으로 이동 한 다음 텍스트 편집기-> 글꼴
• 아래 글꼴 - 가족 형태, 당신은 내 작업 영역에서 이러한 글꼴을 넣어 가지고 예를 들어 쉼표로 구분하여 사용할 글꼴 가족 이름을 넣어 : 내 작업 영역 설정를보기

기본 창의 메뉴에서 도구-> 옵션으로 이동하십시오. 환경 컨테이너에서 글꼴 및 색상을 볼 수 있습니다. 원하는 글꼴과 색상을 선택할 수 있습니다.