macOS VSCode에 Fira Code 적용하는 방법

Step 1. macOS에 brew 설치하기

https://brew.sh

/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"

Step 2. macOS에 Fira Code 설치하기

https://github.com/tonsky/FiraCode/wiki/Installing

위에서 설치한 brew를 이용하여 매우 쉽게 설치할 수 있다!

brew tap homebrew/cask-fonts
brew install --cask font-fira-code

Step 3. VSCode에 Fira Code 적용하기

https://velog.io/@leyuri/vscode-font-바꾸는-방법-Fria-code-적용하기

mac키 + ',' 단축키로 Settings에 들어갈 수 있다.

1. Font Family에 'Fira Code' 추가

'Font Family'라고 검색하면 Font Family 탭을 찾을 수 있다.

Font Family의 역할은, 적힌 순서대로 첫번째 font가 있으면 적용되며, 없으면 두번째 font가 있는지 확인하는 식이다.

따라서 맨 앞에다가 'Fira Code'를 추가해주면 된다.

2. Font Ligatures를 true로 변경

'Font Ligatures'로 검색하여 Font Ligatures 탭으로 이동한다.
settings.json 파일에서 직접 수정해주자.

Font Ligatures를 false로 해 놓으면, '===' 같은 문자가 하나로 안 합쳐지기 때문에 Fira Code를 쓰는 이유가 없게 된다.

아래는 json 파일 예시다.

{
    "editor.fontFamily": "'Fira Code', Monaco, 'Courier New', monospace",
    "editor.fontLigatures": true
}