안녕하세요
오늘은 제가 개발할 때 에디터에 사용하는 폰트를 소개해보려고 합니다.
각자가 눈에 잘 들어오는 폰트가 다를 수 있지만 저같은 경우에는 d2 coding 폰트나 IBM에서 나온 폰트나 consolas 등 여러 폰트를 써 본 결과 제 기준에는 오늘 소개할 모나코(Monaco)폰트가 제일 눈에 잘 들어왔습니다.
개발용(프로그래밍용) 폰트
d2 coding은 네이버에서 만든 폰트라서 한글이 이쁘게 나오기는 하지만 개발을 하다보면 이쁜것보다는 가독성이 좋은게 더 눈 건강에 이롭다는걸 느낍니다. 그래서 제 기준에는 조금 투박하지만 가독성이 더 낫다고 생각되는 Monaco로 여러가지 에디터에 모두 통일해서 적용해주고 있습니다. d2 coding폰트같은 경우에는 어떤 에디터에서는 선명하게 보이지만 또 다른 에디터에서는 약간 흐릿하게 보이기도 합니다.
설치파일
설치파일을 다운받아서 설치하면 바로 사용하실 수 있습니다.
웹폰트
저처럼 블로그에 적용하거나 웹사이트에 적용하고싶으신 분들을 위해서 웹폰트로 첨부합니다.
@font-face {
font-family: 'Monaco';
font-style: normal;
font-weight: normal;
src: local('Monaco'), url('Monaco.woff') format('woff');
}
모나코(Monaco) 폰트
Monaco 폰트는 애플(Susan Kare와 Kris Holmes)에서 제작된 것으로 고정폭 서체(한글은 고정폭을 지원하지 않음)입니다. 때문에 꽤 오래전부터 macOS에 포함되어있고 프로그래밍(개발)할 때 헷갈릴 수 있는 문자들 예를들어 i(소문자 아이), I(대문자 아이), l(소문자 엘), 1(숫자 일), |(특수문자) 등을 명확히 구분되도록 서로 다른 모양으로 만들었고 0(숫자 영)과 O(알파벳 오) 또한 확연히 구분되도록 만들어져 있습니다. 가독성이 뛰어나기 때문에 만들어진지 오래된 폰트임에도 불구하고 매니아층이 존재하는 폰트입니다.
위에서 언급한 헷갈리는 문자
i(소문자 아이) I(대문자 아이) l(소문자 엘) 1(숫자 일) |(특수문자)
0(숫자 영) O(알파벳 오)
2021.10.12 추가내용
댓글로 소중한 의견을 주신 분이 계셔서 그 내용을 기반으로 추가 정리해보려고 합니다.
우선 포스팅 중간에 d2 coding 폰트에 대해서 언급할 때 '이쁘긴 한데 가독성이 안좋다.' 라고 했는데 너무 단순하게 개발용 폰트에 대해서 말한 것 같습니다. 모나코 폰트는 고정폭 서체라고 했지만 실제로는 완벽한 고정폭 서체는 아닙니다. 한글은 고정폭이 지원되지 않기 때문에 한국인이 개발용 폰트로 사용했을 때 소스에 한글 주석이 들어간다거나 하면 고정폭 서체가 아니게 됩니다. 그에 반해 D2 coding 폰트는 한글 또한 고정폭을 지원합니다. 고정폭이 지원되면 아래 테스트 이미지와 같이 정갈하게 출력할 수 있습니다.
고정폭 테스트용 문자 (테스트환경 : 메모장)
ABCDEFGHIJKLMNOPQRSTUVWXYZ | 고정폭 확인1 |
abcdefghijklmnopqrstuvwxyz | 고정폭 확인1A |
한글 한글 한글 한글 한글 1 | 고정폭 확인해 |
하안그을 하안그을 하안그을 | 고정폭 확인용1 |
하나ABCD 하나WXYZ 하나1234 | 고정폭 확인1AAWw |
-------------------------------------------------+
echo "◆◆◆ 시작--시간 ◆◆◆◆◆" |
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆★" |
date ★★★★★★★ ★ ★ ★★★ ★★★ ★★★" |
echo "◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆" |
01234567890123456789012345678901234567890~~~~~~ |
한글입니다앗! |
★★★★★★2 |
◆◆◆◆◆◆3 |
하지만 d2 coding font도 전각기호에 대해서는 고정폭이 완벽하지는 않습니다.
여기서 전각기호에 대해서 간단하게 설명하자면, 문자는 종류에 따라서 차지하는 공간이 다릅니다.
전각기호란 그 공간이 정사각형으로 이루어져 있는 기호를 의미하고 그 예로 한글이 있습니다.
전각기호 외에 반각기호가 있고, 이름에서 유추할 수 있듯이 전각기호의 절반공간을 차지합니다.
반각기호 예로는 숫자가 있습니다.
댓글을 써주신 분이 사용중이시라는 나눔고딕코딩 글꼴로 테스트해보았습니다.
이를 통해서 한글과 전각기호에 대한 고정폭 지원이 얼마나 가독성에 영향을 주는지 확인할 수 있었습니다. 긴 내용 그리고 정성스런 댓글 고맙습니다.
참고
https://github.com/naver/d2codingfont/issues/91