배워서 남주는 개발자 :)

Tip

[Visual studio code] === <= 비교 연산자 화살표 함수 font 폰트 변경 추천 익스텐션, 'Fira' 피라

핏짜보이 2022. 3. 22. 07:57
반응형

저는 Mac에서 vsCode 에디터를 사용중입니다.

코딩을 하면서 불편하다는 느낌을 받은 적은 없지만 강의를 듣다가 눈에 들어오는 글자를 발견했습니다.

이런 글씨체를 보신적 있나요?

저는 처음에 저게 어떤 건지 몰라서 '=== 익스텐션' 이렇게 검색하는데 나오지 않았습니다...

 

구글링을 통해 찾다보니 FIRA Code라는 글씨체였습니다.

 

그럼 이 코드를 어떻게 적용하는지 알아보겠습니다.

 

 

 

1. 아래 링크를 통해 url에서 다운을 받습니다.

https://github.com/tonsky/FiraCode 

 

GitHub - tonsky/FiraCode: Free monospaced font with programming ligatures

Free monospaced font with programming ligatures. Contribute to tonsky/FiraCode development by creating an account on GitHub.

github.com

 

 

2. 다운로드를 받아 압축을 풀어주면 아래와 같은 글씨체를 클릭하면 '서체설치'를 클릭하여 설치합니다.

 

 

3. vsCode - preference - settings에서 'font'를 검색한 후, 'Edit in settings.json'을 클릭해서 아래 코드를 추가합니다.

 

  //FiraCode
  "editor.fontFamily": "'Fira Code'",
  "editor.fontLigatures": true,

 

이렇게 적용하면 아래와 같이 직관적인 폰트사용이 가능합니다! :)

 

그럼 모두 즐코하세요!! :)

728x90