코딩하기 편한 폰트는 무엇일까?
개발은 장비빨이다 - 폰트 편
개발자이거나, 개발자를 꿈꾸는 학생이거나,
코딩을 한 줄이라도 해본 사람들에게 질문을 하나 던져보겠습니다.
코딩하는데 폰트가 얼마나 중요하다고 생각하시나요?
여러분들은 코딩을 처음 접했을 땐 어떤 IDE였나요?
notepad? wordpad? eclipse? dreamweaver?
저는 코딩을 notepad에서 처음 접했었습니다.
코딩 아닌 코딩을 접했을 땐 IDE의 존재도 몰랐기에 그저 메모장에다 끄적이는 수준이었지요.
메모장의 기본 폰트는 Fixedsys입니다.
조사해 본 결과 이클립스는 Courier New, 드림위버는 Times New Roman라고 하더라고요.
이번 이야기의 주제는 질문에서도 언급했던 폰트에 대해 이야기해볼까 합니다.
폰트에도 개발하기 편한 폰트가 있습니다.
첫째. 문자를 구별하기 쉬어야 합니다.
코딩을 하다 보면 숫자와 영어 특수문자를 모두 쓰게 되는데 특히 헷갈리는 문자들이 있기 마련입니다.
예를 들면 숫자 1과 영어 대문자 I와 소문자 l 같은 경우인데요. 이런 문자들이 잘 구분되지 않는 경우엔 가독성이 떨어지는 것은 물론이고, 코딩 중에 문자를 실수로 잘못 입력했을 경우에도 찾기 어려워집니다.
그러므로 좋은 코딩 폰트는 읽기 쉽고 알아보기 쉽고 찾아보기 쉬워야 합니다.
둘째. 고정폭 폰트여야 합니다.
고정폭 폰트란 이름 그대로 각 글자가 동일한 양의 수평 공간을 차지하는 글꼴을 말합니다.
물론 책이나 게시물을 읽을 경우에는 가변폭 폰트가 좀 더 조화로울 수 있겠으나 코딩용 폰트는 조화보다는 가독성과 정확성이 중요하기 때문에 고정폭 폰트를 쓰는 것이 좋겠습니다.
참고로 폰트 이름에 ‘체’가 들어가는 경우 고정폭 폰트이니 참고하세요.
위에서 언급했던 기본 폰트들을 한번 비교해볼까요?
Courier New
Fixedsys
Times New Roman세 가지 폰트를 비교해서 보자면 Courier New와 Fixedsys는 Times New Roman에 비해 문자의 폭이 일정한 고정폭 폰트라는 것을 알 수 있습니다.
또한 헷갈리기 쉬운 o, O, 0 혹은 i, I, l, L 등도 헷갈리지 않게 모양이 모두 다른 모양입니다.
앞서 말씀드렸던 코딩용 폰트의 조건에 알맞다고 볼 수 있지요.
개발자로서 하루의 1/4 이상을 IDE 속에서 시간을 보냅니다.
폰트는 개인 취향이긴 하지만 제 경험에서 말씀을 드리면 개발용 폰트를 쓰는 것이 가독성도 좋을 뿐만 아니라 눈의 피로도 줄어드는 느낌이었습니다.
키보드나 마우스의 종류에 따라 팔과 손이 받는 피로도를 줄여준다면, 가독성 좋은 코딩용 폰트 사용으로 눈의 피로를 줄여주는 것도 좋다고 생각합니다.
코딩용 폰트 사용으로 눈의 필요를 줄여 개발 효율을 높이는 것이 폰트의 중요성이 아닐까요?
다음은 코딩용 폰트를 몇 가지 소개하고자 합니다.
들어가기에 앞서 위 코드를 보면 위 폰트는 코딩용 폰트가 아닙니다. 대충 보아도 글씨가 너무 얇고 대문자 I와 소문자 l 같은 헷갈리는 문자들의 구분도 명확하지 않습니다.
폭도 가변적이라 가독성이 떨어지는 것을 확인할 수 있습니다.
아래 소개할 코딩용 폰트들은 확실히 다른 느낌을 받을 것입니다.
1. 나눔 고딕 코딩
나눔 고딕 코딩체는 2008년 발표된 나눔 고딕을 바탕으로 개발자들의 코딩 환경에 최적화시킨 글꼴입니다.
한국 기업인 네이버에서 만든 폰트여서 한글에 최적화되어있지만 글씨가 얇고 줄 간격이 좁아 가독성이 떨어지는 편입니다.
2. D2 Coding
D2 Coding체는 나눔 고딕 코딩체를 개선한 디자인입니다.
나눔 고딕 코딩체에 비해 상대적으로 굵기가 굵어지고 줄 간격이 넓어져서 가독성이 향상되었습니다.
3. Consolas
윈도 환경에서 기본으로 깔려있는 이 Consals 폰트는 위의 두 폰트들에 비해 확실히 두꺼우며 고정폭이 넓은 편입니다.
하지만 한글에 최적화되어있지 않아, 한글 입력 시 깨지거나 가독성이 떨어질 수 있습니다.
이처럼 각자의 취향만큼 다양한 게 폰트 종류입니다.
개발용으로 나온 폰트도 다양하니 각자의 취향에 맞는 개발용 폰트로 IDE속 폰트를 바꿔보는 건 어떨까요?
아래에 위에서 소개해드리지 못한 다양한 폰트가 있으니 참고해 보시는 것도 좋을 것 같습니다.
https://www.slant.co/topics/67
https://github.com/naver/d2codingfont
https://zetawiki.com/wiki/%EC%BD%94%EB%94%A9%EC%9A%A9_%ED%8F%B0%ED%8A%B8
오픈 슬랙 채널에서 소통해요!
잡담 / 개발 문화 / 일하는 방식 / 정보 공유 / 채용 문의 / 프로젝트 문의 등 어떠한 소통도 환영합니다 :)
오픈 슬랙 채널에 참여하기⬇️
https://join.slack.com/t/secondspace-open/shared_invite/zt-19q85dgid-6TCjbezQs4TTafBwT4BxAQ
written by. 세컨드스페이스
