[visual-studio-code] 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",

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