Developer Coding Fonts

Coding Fonts

코딩 폰트(Coding Font)는 개발자의 가독성 및 안구의 편안함을 증진시켜 코딩의 흥미를 일깨우는 중요하고도 좋은 요소 중 하나입니다. 특히, 코딩을 수행하는 통합 개발 환경(IDE)에서 지원하는 기본 폰트가 아닌 여러 폰트들을 잔뜩 다운로드하고 모아둔다면, 때로의 기분 전환을 이뤄내어 생각의 전환을 만들어낼 수도 있습니다.

자신만의 코딩 테마에 적합한 코딩 폰트를 조합한다면 기분 좋은 코딩을 수행할 수 있으니, 자신만의 폰트를 찾아보시길 추천합니다.

 

고려할만한 부분들

가독성

개발자 폰트라고 하는 것은 대부분 가독성을 가장 중요시합니다. 그런 면에서 폰트가 MONO 성질을 지키고 있느냐는 것은 매우 중요한 고려사항입니다. MONO 성질이 보존되어 있지 않은 경우 글자별 너비 및 자간이 다를 수 있습니다. 이 들쭉날쭉한 글자들로 인해 구조적 안정성을 느낄 수가 없으므로, 쉽게 피로감을 느낄 수 있으며 오타 및 실행 결과를 관찰하는 데에 있어 개발자의 인지를 더디게 만듭니다.

또한, 글자의 두께에 대한 느낌은 사람마다 다를 수 있으나, 폰트에서 자체적으로 지원하는 굵은체와 일반체의 차이가 명확하지 않거나 또는 너무 과한 경우 눈의 피로감을 유발할 수 있습니다. 개발자가 선택한 테마에 따라 하이라이팅에서 굵은체를 사용하는 경우, 굵은체와 일반체 간의 차이가 개발자에게 거슬려서는 안 됩니다. 강조될 부분은 강조되어 있고 무시할만한 부분은 자연스럽게 녹아들어 있어야 합니다.

따라서 원하는 테마에 대해 원하는 폰트를 적용한 뒤, 하이라이팅을 주의깊게 보도록 합니다.

Ligature

합자(Ligature)는 두 개 이상의 문자가 합쳐져서 하나의 글자 모양을 형성하는 것을 의미합니다. 대표적인 합자로는 부등호가 있습니다. 코딩 폰트가 Ligature를 지원한다는 것은, 입력 기호의 변형을 지원하는지를 의미합니다. 이를 지원하는 폰트는 개발자가 입력한 기호들이 의미하는 바가 함축될 수 있는 기호로 표현된다면, 이를 자동 변경하여 출력합니다.

예를 들어, "같지 않다" 라는 의미의 != 를 입력하였을 때, Ligature를 지원하는 폰트는 자동으로 ≠ 기호로 이를 자동 변경합니다. 이렇게 자동 변경된 코드는 직관적으로 읽기에 매우 편리합니다. 다만, 코드 입력 중 자동 변경되는 기호들이 신경쓰일 수 있으며, 함축 기호 의미가 혼동될 수 있음을 감안해야 합니다. 그럼에도 불구하고, 코드의 가독성을 높이는 좋은 수단이니 한번쯤은 사용해보실 것을 추천합니다.

 

새로운 폰트 적용하기

여러분의 OS(운영체제)에 맞는 폰트파일을 구해야 하며 이를 자신의 환경에서 적용하였을 때, 비로소 IDE에서도 그 폰트를 사용할 수 있습니다. 대표적인 IDE인 Visual Studio Code를 기준으로 설명하겠습니다.

 

먼저, 자신의 스타일에 맞는 코딩 폰트를 구해봅니다.

1. 만약 유료라면? 눈물을 머금고 결제를 수행하여 폰트를 다운로드합니다.
2. 무료라면 기쁜 마음으로 다운로드를 수행합니다.
3. 빌드 혹은 릴리즈 버전으로 다양한 곳에서 무료 폰트를 지원하고 있으니, 포기하지 말고 원하는 폰트를 찾아보도록 합니다.

코딩 폰트를 얻었다면, 대부분의 경우 폰트파일 확장자 .ttf 파일을 다운로드했을 것입니다.
Windows 혹은 MacOS 운영체제에서 해당 폰트 파일을 실행하면, 설치를 진행할 수 있습니다.

 

VS Code 기준, Settings > Font Family 에서 설치한 해당 폰트의 이름을 추가하면 설정이 완료됩니다.

(Cmd 또는 Ctrl) + Shift + P 를 눌러 커맨드 팔레트를 실행한 뒤, Settings 를 입력하여 VS Code 환경설정으로 들어갑니다.
검색창에서 Font 를 검색하여 Font Family 설정 메뉴를 찾습니다.

위와 같이 폰트의 정식 명칭을 목록에 추가하도록 합니다. 폰트의 존재 유무에 따라 앞에서부터 먼저 적용됩니다.
추가를 완료하였으면 상기 커맨드 팔레트에서 Reload 를 입력하여 VS Code를 재시작해 줍니다.

이제 변경된 코딩 폰트를 확인할 수 있을 것입니다!

 

추천 사이트

Dev Fonts

Dev Fonts 홈페이지

Dev Fonts

다양한 폰트들을 추천함과 동시에 해당 폰트의 출력 결과물들이 나열되어 있어, 매우 편리하고 좋은 사이트입니다.
아래와 같은 폰트들을 추천합니다.

• Fira Code
• JetBrains Mono
• Lilex
• Iosevka