반응형
저는 Mac에서 vsCode 에디터를 사용중입니다.
코딩을 하면서 불편하다는 느낌을 받은 적은 없지만 강의를 듣다가 눈에 들어오는 글자를 발견했습니다.
![](http://t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png)
이런 글씨체를 보신적 있나요?
저는 처음에 저게 어떤 건지 몰라서 '=== 익스텐션' 이렇게 검색하는데 나오지 않았습니다...
구글링을 통해 찾다보니 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. 다운로드를 받아 압축을 풀어주면 아래와 같은 글씨체를 클릭하면 '서체설치'를 클릭하여 설치합니다.
![](http://t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png)
3. vsCode - preference - settings에서 'font'를 검색한 후, 'Edit in settings.json'을 클릭해서 아래 코드를 추가합니다.
![](http://t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png)
//FiraCode
"editor.fontFamily": "'Fira Code'",
"editor.fontLigatures": true,
이렇게 적용하면 아래와 같이 직관적인 폰트사용이 가능합니다! :)
![](http://t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png)
그럼 모두 즐코하세요!! :)
728x90
'Tip' 카테고리의 다른 글
VSCode 자동완성 키워드 단축키 생성하기 (0) | 2023.06.01 |
---|---|
효율적인 프로그래밍의 방법 및 순서 For Jr.Dev (0) | 2022.01.22 |