VS Code 코드에 폰트 적용하기 | Fira Code iScript | VS Code에 italic cursive 적용

Seohyun·2023년 7월 28일
1

기타

목록 보기
1/6
post-thumbnail

Examples

예시 코드는 코파일럿에게 시켰습니다.

  • Python 예시
    ex-py

  • C++ 예시
    ex-cpp

  • 수식 및 특수기호


How to

  1. FiraCodeiScript github에 들어가 리포지토리를 zip 파일로 다운로드하고 폰트를 설치합니다.
  1. 'Code' -> 'Settings' -> 'Settings' 를 통해 설정으로 들어갑니다.

settings

  1. Text Editor/Font 카테고리로 이동합니다.

font

  1. Edit in settings.json을 클릭합니다.

  1. editor.fontFamily 부분을 수정합니다.
"editor.fontFamily": "'Fira Code iScript', Menlo, Monaco, 'Courier New', monospace",

  1. editor.tokenColorCustomizations 부분에서 폰트를 적용하고자 하는 요소를 정의합니다. 제 세팅은 이러합니다.
"editor.tokenColorCustomizations": {
    "textMateRules": [
      {
        "scope": [
          //following will be in italic (=FlottFlott)
          "comment",
          "entity.name.type.class", //class names
          "keyword", //import, export, return…
          "constant", //String, Number, Boolean…, this, super
          "storage.modifier", //static keyword
          "storage.type.class.js", //class keyword
        ],
        "settings": {
          "fontStyle": "italic bold"
        }
      },
      {
        "scope": [
          //following will be excluded from italics (VSCode has some defaults for italics)
          "invalid",
          "keyword.control.conditional",
          "keyword.operator",
          "constant.numeric.css",
          "keyword.other.unit.px.css",
          "constant.numeric.decimal.js",
          "constant.numeric.json"
        ],
        "settings": {
          "fontStyle": ""
        }
      }
    ]
  },
  1. 완성!
profile
Hail hamster

1개의 댓글

comment-user-thumbnail
2023년 7월 28일

잘 읽었습니다. 좋은 정보 감사드립니다.

답글 달기