개발 도구 (Development Tools)/Knowledge

VS Code에서 합자(Ligature)를 사용해보자.

BiCute 2023. 1. 2. 08:00
반응형

 

# 합자(Ligature)란?

 

합자(合字, Ligature)는 둘 이상의 글자를 합하여 한 글자를 만드는 것. 또는 그 글자.

자주 쓰이는 주요 합자들의 모양은 대게 비슷하며, 꼭 어떻게 해야한다고 정해진것이 아니기에 폰트에 따라 독자적인 형태를 가지고 있는것 또한 존재한다. 

 

합자 사용의 예

 

 

# VS CODE에서 합자를 사용하는 방법

 

  (1) 합자를 지원하는 폰트를 설치한다.

  우선 아무 폰트나 가능한것이 아니기에, 합자를 지원하는 폰트를 설치해야합니다. 

  종류는 너무나 많으니 유료, 무료 등 원하는 합자를 지원하는 폰트를 설치합니다.

 

 

 

  (2) VS Code 설정

  ① 설정을 열고(cmd + ,) 글꼴이라고 검색한 후, Editor: Font Family에 합자로 사용할 폰트를 가장 앞쪽에 작성해 줍니다. 

  ② Font Ligatures의 setting.json에서 편집을 클릭한 후, "editor.fontLigatures": true 를 추가한 후 저장을 하면 설정은 완료.

 

 

이제 코드를 작성하면 합자가 적용되어 보입니다.

 

 

추천하는 무료 합자 폰트 : Fira Code

반응형