아래 스크린샷(홈페이지 소스)을 보면 알겠지만, 우리 세상에서 폰트는 font-family로 묶여 다니는 경우가 대부분이다. 첫번째 폰트에서 못 찾으면 두번째 – 세번째 폰트에서 찾는 Fallback 동작을 취하기 위해 폰트 패밀리로 묶어서 박는 것이다.
TTF든 OTF든 영문이 예쁘면 영어권에서 만든 글꼴일 확률이 높겠지? 한글 정보는 빠져 있을 확률이 높겠지? 그래서 한글은 폴백해서 차선책 폰트에서 불러오겠지?
영문 1글자 = 1바이트, 한글 1글자 = 2바이트 라는 내용을 많이 접해봤을 것이다. 그런데 컴퓨터에서 알파벳 2글자와 한글 1글자를 쳐보면 아래 스샷처럼 한글 폭이 더 좁게 표현되는 것을 경혐하지 않았는가? 영문자/한글자 폭이 다르게 설정된 가변폭 폰트를 쓰고 있어서 그런 것인데, 웹페이지 레이아웃이 틀어지는 원인이기도 하다.
그래서 폰트 장인들께서는 고정폭 폰트(monospace font)를 개발하셨다. 영문자 2개 폭 = 한글자 1개 폭. 이렇게 되었을 때, 영문 폰트가 예쁘면 한글자는 자간이 벌어지는 문제가 발생한다. 반대로 한글 자간을 보기 좋게 줄이면 영문자 좌우 모양이 납작하게 눌린다. d2coding mono 폰트가 대표적인 사례.
그렇다면 폴백 시켜서 쓰면 되잖는가? 영문 고정폭 폰트 따로(roboto mono 무난!) + 한글 고정폭 폰트 따로 합쳐 : 이렇게 단정적인 해법을 제시하는 분들도 많다. 전통적이며 좋은 해법이긴 하나, Font Family를 적용할 수 없는 상황도 있다는 것을 간과한 것이다. 설정의 귀찮음도 있고.
결국 최종 해법은 TTF 파일 하나에 고정폭 영문, 고정폭 한글을 전부 담는 것인데… 위에서 적었던 한계점들 때문에 한영 통합 mono 폰트들 중에서 정상적인 것을 찾기 힘들었다.
Vercel 영문 폰트와 프리텐다드를 결합하여 NFD 문제를 해결한 코딩 폰트, 여밀 모노
https://github.com/taevel02/yeomil-mono
▲ 그런데 최근, 여밀 모노 폰트가 등장하면서 좋은 방향성이 생겼다.
Jetendard 폰트 (JetBrains Mono Nerd Font + Pretendard)
https://github.com/kuskhan/jetendard
▲ 그리고 Yeomil Mono의 방향성을 흡수하여, 가독성 좋은 저작권 무료 폰트를 조합한 Jetendard 폰트가 등장하였다.
개인적으로 프리텐다드 한글 폰트를 좋아하는데, 그것을 mono 폰트로 만들었다니. 호기심이 생겨 바로 설치해보았다.
한글 자간이 비교적 멀쩡해 보인다. 영문자도 찌그러짐 없이 가독성 준수했다.
완성도 높은 폰트인 것 같다. 두루두루 쓰기에 좋아 보인다.
font-moeum — 영문+한글 폰트를 하나로 합치고 그 자리에서 바로 타이핑해 확인하는 GUI 툴
https://github.com/johndoekim/font-moeum
▲ 이후, 폰트 모음이라는 프로그램까지 등장했다.
폰트 합쳐서 쓸 수 있는 환경이 점점 좋아지는 것 같다.
