VS 코드 – 글꼴을 변경하는 방법

개발자가 작업 환경의 중요성을 과소평가하기 쉽습니다. 아니요, 의자, 책상, 벽 색상에 대해 말하는 것이 아닙니다. 가상 작업 환경에 대해 이야기하고 있습니다.

Visual Studio 코드 편집기를 집처럼 편안하게 만드는 것은 작업 효율성에 매우 중요합니다. 글꼴은 전체 VS 느낌의 큰 부분을 차지합니다. 이 기사에서는 VS Code 편집기의 다양한 부분에서 글꼴을 편집하는 방법에 대해 설명합니다.

VS 코드에서 글꼴을 변경하는 방법

오랫동안 VS를 사용해 온 개발자라도 글꼴 변경 옵션에 대해 아직 모를 수 있습니다.

자신만의 글꼴을 선택하는 것이 왜 중요한지 관심이 없다면 아래 몇 단락의 튜토리얼로 바로 이동하세요. 그러나 글꼴을 변경하는 이유(아래에 설명됨)가 결정에 도움이 될 수 있음을 명심하십시오.

VS에서 글꼴이 중요한 이유는 무엇입니까? 음, 미적 측면이 당신에게 충분하지 않다면(그리고 우리를 믿으세요. 코드 편집기에서 몇 시간이고 시간을 보낸 후에 문제가 되기 시작합니다) 실제로는 기능에 관한 것이기도 합니다. 그렇다면 VS에 "적절한" 글꼴은 무엇입니까?

주로 유사한 문자 간의 구별이 눈에 띄기를 원할 것입니다. 예를 들어, 숫자 1과 소문자 L을 쉽게 구분하면 코딩 속도를 크게 높이고 시간을 절약할 수 있습니다.

그런 다음 일부 개발자는 합자 사용을 좋아한다는 사실이 있습니다. 합자는 함께 결합된 몇 개의 기호입니다. 이들은 "글리프"라고도 하며 코딩할 때 많은 것을 의미할 수 있습니다.

더 이상 고민하지 않고 VS에서 글꼴 모음을 변경하는 방법은 다음과 같습니다.

1. VS 편집기를 엽니다.
   
2. 화면 상단으로 이동하여 파일 을 선택합니다 .
   
3. 이제 드롭다운 메뉴에서 기본 설정 > 설정 으로 이동합니다 .
   
4. 이제 화면 오른쪽에 메뉴가 있는 일반적으로 사용되는 섹션이 표시되며 이 페이지에서 또는 아래 단계에 따라 글꼴에 액세스할 수 있습니다.
   
5. 또는 텍스트 편집기 > 글꼴을 클릭 하고 기본 항목인 "editor.fontFamily": "Consolas " 를 찾습니다 .
   
6. 그런 다음 " Consolas " 대신 원하는 글꼴 이름을 입력하십시오.
   

이렇게 하면 글꼴 패밀리가 자동으로 변경됩니다.

VS 코드에서 글꼴 크기를 변경하는 방법

시력이 완벽하더라도 코드를 작성할 때 눈을 최대한 편안하게 유지하고 싶을 것입니다. 글꼴 모음을 선택할 때 유사한 문자 간의 불일치가 중요한 것처럼 글꼴 크기는 눈에 쉽게 코딩하고 보다 효율적으로 작업할 수 있도록 하는 데 중요합니다.

코딩에 가장 적합한 글꼴 크기에 대한 마법의 공식은 없습니다. 이상적으로는 문자를 가능한 한 명확하게 보고 싶을 뿐만 아니라 라인이 VS 창에 맞도록 하고 싶을 것입니다. 따라서 다양한 글꼴 크기를 시도하고 코딩 요구 사항에 맞는 완벽한 글꼴을 찾으십시오.

VS Code에서 글꼴 크기를 변경하는 방법은 다음과 같습니다.

1. 사용자 설정 메뉴 로 이동합니다 (글꼴 자습서의 3단계).
   
2. "editor.fontSize": 15 줄을 찾으십시오 . 글꼴 크기가 다른 것으로 설정되었을 수 있습니다.
   
3. 그런 다음 15 대신 원하는 글꼴 크기를 입력합니다.
   

VS Code에서 탐색기의 글꼴을 변경하는 방법

VS Code의 탐색기 기능은 대부분의 다른 앱의 탐색기 기능과 동일하게 작동합니다. 프로젝트에서 작업할 파일과 폴더를 관리, 찾아보기 및 여는 데 사용됩니다. VS Code는 폴더와 파일을 기반으로 하므로 탐색기를 사용하면 쉽게 시작할 수 있습니다. VS Code를 사용하여 파일/폴더를 열면 됩니다. 그렇게 간단합니다.

VS Code Explorer를 꽤 많이 사용할 것으로 예상할 수 있습니다. Explorer의 글꼴 크기가 적합하지 않은 경우 변경할 수 있다는 사실에 기뻐할 것입니다.

1. 사용자 설정 메뉴 로 다시 이동합니다.
   
2. "editor.fontSize": 14 항목을 찾습니다 . 글꼴 크기는 다를 수 있습니다.
   
3. 이것을 원하는 글꼴 크기로 변경하십시오. 이 예에서는 18이 사용됩니다.
   

VS Code에서 터미널 글꼴을 변경하는 방법

창을 전환하거나 기존 터미널의 상태를 변경하는 대신 VS Code를 사용하면 프로젝트/작업 공간의 루트에 있는 통합 터미널을 사용할 수 있습니다. 물론 사용하기 쉽도록 여기에서 글꼴을 변경하고 싶을 수도 있습니다. VS Code 터미널 글꼴을 변경하는 방법은 다음과 같습니다.

1. 프로젝트/작업 공간의 루트 폴더로 이동합니다.
2. VS Code를 사용하여 settings.json 파일을 엽니다 . 또는 VS Code에서 Ctrl + Shift + P ( Ctrl 대신 Mac 장치의 경우 Command 사용 )를 누르고 settings.json 파일을 찾습니다 .
3. 해당 세 줄을 다음과 같이 변경합니다. D2Coding이 예 입니다. 원하는 다른 글꼴을 선택할 수도 있습니다.
   “terminal.external.osxExec”: “iTerm.app”,
“terminal.integrated.shell.osx”: “/bin/zsh”,
“terminal.integrated.fontFamily”: “D2Coding”,
   
4. 완료되면 설정을 저장합니다.

터미널 글꼴 크기를 변경하려면 "terminal.integrated.fontSize": 항목으로 이동하여 원하는 대로 설정합니다.

VS Code에서 주석의 글꼴을 변경하는 방법

코드 주석 항목은 기본적으로 나머지 코드와 동일한 글꼴입니다. 이것을 변경하면 주석이 눈에 띄어 작업 시간 낭비를 방지할 수 있습니다(VS의 다른 모든 것과 같은 글꼴로 된 주석을 놓치기 쉽습니다). 이런 종류의 일이 간단해 보일 수 있지만 솔루션은 예상보다 조금 더 복잡합니다. 또한 일부 정렬 문제가 발생할 수 있으므로 결과가 이상적이지 않을 수 있습니다. 그래도 다음을 시도하는 것은 나쁘지 않습니다.

1. 디바이스에서 VS Code의 루트 설치 폴더로 이동합니다.
2. 터미널에서 touch style.css 항목 으로 이동합니다 . 이렇게 하면 스타일시트가 생성됩니다.
3. 이제 글꼴 규칙을 추가할 차례입니다. 다음은 스타일의 예입니다.
   .mtk3 {

font-family: "iosevka";

font-size: 1em;

font-style: italic;

}
4. settings.json을 열고 다음 항목을 추가합니다.
   "vscode_custom_css.imports":
"file:///Users/username/.vscode/style.css"],
5. 이제 Custom CSS 및 JS Loader 플러그인을 다운로드합니다.
6. 설치가 완료되면 Ctrl + Shift + P 명령을 사용하여 플러그인이 활성화되어 있는지 확인합니다.
7. VS 코드를 다시 시작하십시오.
8. 이제 주석에 새 글꼴이 있어야 합니다.

VS Code에서 사이드바 글꼴 크기를 변경하는 방법

VS Code에는 사용자가 터미널의 글꼴 크기를 변경할 수 있는 설정이 없습니다. 그러나 해결 방법이 있으며 여기에는 언급된 Custom CSS 및 JS Loader 플러그인이 포함됩니다.

1. 플러그인에서 확장 세부 정보로 이동하고 자습서 섹션을 주의 깊게 따르십시오.
2. 다음 논리를 사용하십시오.
   "vscode_custom_css.imports": ["[insert custom file URL]"]
3. 각 사용자 지정 파일에 대해 이 작업을 수행합니다.

결과는 훨씬 더 좋고 미학적으로 만족스러운 VS Code 사이드바를 만들어야 합니다.

다른 운영 체제를 사용하여 글꼴을 변경하는 방법

VS에서 코딩하는 경우 Windows 컴퓨터, Mac 또는 Linux 시스템을 사용하고 있습니다. 이 세 가지가 VS 측면에서 동일하지는 않지만 차이점은 대부분 Ctrl / Cmd 키 옵션과 VS Code 파일의 기본 위치 로 귀결됩니다 . 따라서 VS Code의 글꼴 변경 원칙은 모든 장치에서 거의 동일하게 유지됩니다.

추가 FAQ

VS Code에서 글꼴을 변경할 수 없는 이유는 무엇입니까?

VS Code에서 할 수 있는 실수가 많으며 글꼴을 변경하는 것은 MS Word에서처럼 간단하지 않습니다. 실제 VS Code 글꼴을 변경하기 위해 많은 코딩을 사용하게 되므로 사람들이 저지르는 가장 일반적인 실수에 대해 알아야 합니다. 각 항목이 따옴표로 묶여 있는지 확인하십시오. 예를 들어 "vscode_custom_css.imports": ["file:///Users/username/.vscode/style.css"] 는 따옴표를 사용하지 않으면 작동하지 않습니다. 또한 명령 사이에 공백을 사용해야 합니다.

VS Code의 코드에 사용되는 글꼴은 무엇입니까?

기본적으로 VS Code에서 코딩에 사용되는 글꼴은 Consolas입니다. 이 가이드를 따르면 코드 자체, 터미널, 주석 또는 탐색기 기능에 대해 이야기하든 VS Code에서 대부분의 글꼴을 변경할 수 있습니다.

그러나 VS Code의 공식 웹 사이트 이미지에 있는 글꼴에 대해 이야기하는 경우 어떤 글꼴이 사용되었는지 아무도 알 수 없습니다. VS Code 개발자가 사용된 글꼴을 명시적으로 밝히지 않는 한 알아낼 방법이 없습니다.

VS Code 글꼴을 어떻게 해킹합니까?

원래 해킹은 수정을 의미하지만 이것이 VS에 Hack 글꼴을 추가하는 것을 의미한다면 Hack의 웹 사이트를 통해 추가할 수 있습니다 . Hack에서 TrueType 글꼴을 다운로드합니다. 다운로드한 zip 파일의 압축을 풉니다. 추출된 파일을 설치합니다. 그런 다음 도구로 이동한 다음 옵션으로 이동합니다. 옵션 메뉴에서 환경을 선택한 다음 글꼴 및 색상으로 이동합니다. 글꼴 드롭다운 메뉴를 열고 해킹 항목을 선택합니다.

해커는 어떤 글꼴을 사용합니까?

일반적으로 해커를 포함한 모든 코더는 자신이 좋아하는 글꼴을 사용합니다. "해커의 선택"이라고 주장되는 인기 있는 글꼴의 좋은 예는 Lawn Dart 글꼴로도 알려진 Ray Bluetens입니다.

VS Code에서 글꼴 옵션 변경

VS Code에서 글꼴 옵션을 처리하는 것은 텍스트 편집기 프로그램에서 글꼴을 변경하는 것만큼 간단하지 않습니다. 그러나 여기서 코딩 소프트웨어에 대해 이야기하고 있다는 점을 고려하면 VS는 경쟁 제품에 비해 다양한 옵션을 제공합니다. 이 문서의 지침에 따라 코딩 환경을 최대한 개인화되고 사용자 친화적이며 원활하게 만드십시오.

VS Code에서 글꼴 설정을 편집했습니까? 문제가 발생했습니까? 아래로 스크롤하여 아래의 의견 섹션을 확인하십시오. 좋은 조언으로 가득 차 있습니다. 자신의 질문을 하거나 토론을 시작하는 것을 자제하지 마십시오. 저희 커뮤니티는 기꺼이 도와드리겠습니다.