[VScode] Fira Code 폰트 적용 방법, 간단 정리

[VScode] Fira Code 폰트 적용 방법, 간단 정리

---

1. Fira Code 폰트란?

화살표 함수를 쓰다보면 하다보면 가끔 이런 생각이 든다.

 

=> 기호를 ⇒ 로 쓰면 안될까? 더 직관적인거 같은데,,

하지만 이는 엄연히 다른 기호이다. 이는 다른 유니코드이기 때문이다.

 

방법은 있다. Fira Code 폰트를 사용하면,

=> 로 적어도 화면에는 ⇒ 기호로 표현해준다.

아래 코드 예시처럼, 화살표 기호 뿐만 아니라 여러 부등호 또한 직관적인 기호로 변환하여 화면에서 볼 수 있다.

 

2. VS code에 적용하는 방법

1. fira font 파일 다운로드 및 설치

아래 페이지로 이동, Download & Install 로 다운로드 하여 ttf 파일 설치

(혹시 안된다면 아래 설치파일 다운로드)

 

https://github.com/tonsky/FiraCode

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

Fira_Code_v5.2.zip

2.34MB

 

2. VS code 에서 폰트 적용

VS code 환경설정 > settings.json 에 옵션 설정

{
    "editor.fontFamily": "FiraCode-Retina",
    "editor.fontLigatures": true,
}

https://github.com/tonsky/FiraCode/wiki/VS-Code-Instructions

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

 

3. 적용 확인

FiraCode 적용된 코드 샘플

 

반응형

 

+@ 혹시 다른 에디터를 쓴다면? (ex. Atom, Sublime Text, Brackets 등)

아래 링크에서 적용법 확인 요망

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

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