서체 관련 삽질 개발 #1

흠 예전에 MS Office 2011 for mac 한글 서체 호환성 문제란 글을 쓰면서 Apple Font Tool을 사용해서 name field를 업데이트 하는 방법을 소개했었는데…
지금 다시 읽어보면, 따라하기 어렵다는 코멘트가 굉장히 많다. 사실 난 unix command line에 익숙한데다가 개발자라 나름 열심히 설명했다고 생각했는데, Mac에서 터미널을 띄우는 것에 익숙하지 않은 사람들에게는 이게 쉽게 다가갈만한 무언가는 아니었던 것 같다. (사실 xml 수정하는 것도 쉬운 일은 아닌 듯.)
사실 생각해보면 Mac에서 LOL 한국 서버에 접속하기 같은 케이스만 봐도, plist 파일인지 뭔지 막 수정해서 돌리려니 여간 번거롭고 짜증나는 일이 아닐 수 없었다. 그런데 어떤 현자님께서 원클릭 솔루션을 만들어주신 덕에 이후로는 편하게 LOL을 할 수 있게 됐다.
어쨌든 맑은 고딕 외의 서체에도 비슷한 문제가 있을터이므로! 이를 우아하게 해결할 수 있도록 도우려면, 범용 frontend를 만들어 제공하는 게 답일 것 같다. (물론 fonttool은 깔려있어야 한다!)
Continue reading 서체 관련 삽질 개발 #1

MS Office 2011 for mac 한글 서체 호환성 문제…

메일로 폰트를 보내달라는 코멘트들이 너무 많아서 해당 코멘트들은 unapprove 상태로 돌리고, 이 포스트에 대해서는 더 이상 코멘트를 받지 않겠습니다. 저작권 이슈가 걸려있는 문제라 이해 부탁드립니다.
얼마 전 Microsoft office 2011 for mac이 출시되었고, 애플 스토어에서 박스 버젼으로 주문이 가능해지자마자 질러버렸다. 더불어 윈도우용 Microsoft office 2010도 함께 질러줬다.
그런데 Microsoft office 2011 for mac과 윈도우용 Microsoft office 2010을 함께 사용하는데 있어서 아주 큰 문제가 생겼다.

맑은 고딕은 Microsoft office 2011 for mac에 포함되어 있지 않다.

다들 알다시피 Microsoft Windows Vista 이후로는 맑은 고딕이 기본 서체가 되었다. 이는 Office에서도 마찬가지인데, 맥용 버젼의 Microsoft office 2011에는 맑은 고딕 서체가 포함되어 있지 않다. 이에 대한 대안 서체 설정도 없기 때문에 맑은 고딕을 사용한 문서를 Microsoft office 2011 for Mac에서 읽어들이면 한글이 모두 깨져서 나오게 된다.
Continue reading MS Office 2011 for mac 한글 서체 호환성 문제…

포탈 사이트와 공개 서체…

지난 한글날을 맞아 많은 포탈 사이트에서 자유롭게 사용할 수 있는 서체를 공개해주었습니다. 그런데 재밌는 건 자신들이 공개한 서체를 직접 사용하는 포탈이 하나도 없다는 사실입니다.
네이버에서는 ‘나눔고딕, 나눔명조, 나눔고딕코딩‘ 이렇게 세가지 서체를 배포하고 있으며 , 각각의 서체들은 완성도도 상당히 높다고 생각합니다. 하지만 네이버 메인 페이지의 CSS는 다음과 같습니다.
Continue reading 포탈 사이트와 공개 서체…

Cairo test…

서체 관련된 샘플 페이지를 만들면서 손에 익숙한 gd를 활용해왔는데, gd의 fontconfig 지원이 미약하다보니 아쉬운 점들이 눈에 보이기 시작했습니다.
가장 큰 예로 굴림체, 바탕체, 나눔고딕_코딩 글꼴 같은 고정폭(정확하게는 dual-width) 서체의 영문/한글 너비가 동일하게 보여지는 문제는 fontconfig의 global advance옵션을 통해 해결할 수 있지만, gd에서는 fontconfig의 옵션을 제대로 활용하지 않고 있기 때문에 이 문제를 해결할 수가 없었습니다.
그런 이유로 fontconfig를 제대로 활용하는 그래픽 API를 찾던 도중 Cairo가 생각났습니다. Cairo는 fdo에서 개발한 그래픽 API로 현재 모질라, Gnome 등에서 활발하게 사용되고 있는데, 의외로 X 없이도 설치가 가능하고, API도 아주 단순해서 제가 활용하려던 용도로 딱이더군요.
Continue reading Cairo test…

공개 서체: 네이버 나눔고딕_코딩

얼마전 네이버에서 고정폭 서체인 ‘나눔고딕_코딩’ 서체를 OFL(Open Font License)로 공개하였고, gd를 이용해서 뽑은 12pt 샘플은 다음과 같습니다.

나눔고딕_코딩 12pt 샘플

gd의 문제로 인하여 영문과 한글의 폭이 동일하게 출력되었는데, 맥이나 윈도우, 리눅스(약간의 설정 필요) 등에서는 영문과 한글의 폭이 2:1 이다보니 서체 이름에서와 동일하게 코딩용으로 사용하기에 딱이겠네요.
* http://dev.naver.com/projects/nanumfont
덧: 서체 이름에 사용된 언더바(‘_’) 때문에 맥에서 약간의 문제가 있었는데, 서체가 업데이트 되면서 이름이 ‘나눔고딕코딩’으로 바뀌었고, 맥에서도 문제 없이 사용할 수 있게 되었습니다.

공개 서체들 소개…

내 눈엔 순천향체가 젤 이뻐보인다. 참고로 프리뷰에서 ‘아햏햏, 똠방각하’가 제대로 보이질 않는다면 한글 2350자만을 지원하는 서체임.

패키지 서체이름 스타일 구분 프리뷰
나눔글꼴 나눔고딕 Regular 한글 11,172자
Bold 한글 11,172자
나눔명조 Regular 한글 11,172자
Bold 한글 11,172자
나눔고딕코딩 나눔고딕코딩 Regular 한글 11,172자
Bold 한글 11,172자
다음체 다음 Regular 한글 2,350자
SemiBold 한글 2,350자
렉시굴림 렉시굴림 Regular 한글 2,350자
서울 서체 서울 남산체 Light 한글 11,172자
Regular 한글 11,172자
Bold 한글 11,172자
ExtraBold 한글 11,172자
서울 한강체 Light 한글 11,172자
Regular 한글 11,172자
순천향체 순천향체 Regular 한글 2,350자
아리따체 아리따 Light 한글 11,172자
Regular 한글 11,172자
SemiBold 한글 11,172자
Bold 한글 11,172자
은글꼴 은돋움 Regular 한글 11,172자
Bold 한글 11,172자
은그래픽 Regular 한글 11,172자
Bold 한글 11,172자
은궁서 Regular 한글 11,172자
은바탕 Regular 한글 11,172자
Bold 한글 11,172자
은필기 Regular 한글 11,172자
Bold 한글 11,172자
한겨레결체 한겨레결체 Regular 한글 11,172자
ttf-alee 은진 Regular 한글 11,172자
은진낙서 Regular 한글 11,172자
구슬 Regular 한글 전용
반달 Regular 한글 11,172자
방울 Regular 한글 11,172자
네이버 사전체 네이버 사전체 Regular 한글 11,172자
연체체 연세 제목체 Regular 한글 2,350자
연세 소제목체 Regular 한글 2,350자
연세 로고체 Regular 영문, 숫자
조선일보 명조체 조선일보 명조체 Regular 한글 11,172자
문화부 글꼴 Regular 한글 2,350자
백묵 글꼴 Regular 한글 11,172자

위 결과는 cairo+freetype을 이용해서 렌더링한 결과입니다. 사용된 소스는 아래 URL에서 확인하실 수 있습니다.
* http://mytears.org/tmp/cairo/text.c

공개 서체: 순천향체

찾아보니 순천향 대학교에서 공개를 한 ‘순천향체’ 라는 공개 서체가 존재하더군요. 자세한 정보는 아래 URL 에서 찾아보실 수 있습니다.
http://www.sch.ac.kr/sch/index.jsp?menuID=20080318173724998673
아래 이미지는 이 서체를 사용해서 몇 가지 글자를 찍어본 건데, ‘아햏햏’ 이 제대로 표시되질 않는거보니 한글 중 2350자만을 표현할 수 있는 완성형 서체가 되겠습니다.

그래도 꽤 깔끔하네요. 🙂

공개 서체: 다음체

국내 포털 중 하나인 다음 측에서 새로운 공개 서체를 발표했습니다. 자유롭게 사용할 수 있는 양질의 한글 서체가 하나 둘 늘어가는 현실에 기분이 참 좋습니다.
http://fontevent.daum.net/
서체 이름은 ‘다음’ 이고, 레귤러와 세미볼드 이렇게 두 가지 스타일로 제공되고 있지만, family name 이 각각 ‘Daum_Regular’ 와 ‘Daum_Semibod’ 로 서로 다르기 때문에 같은 서체로 인식이 되지는 않습니다. 각 서체의 적용 예는 아래에…


새로운 서체가 추가된 김에 font-sample 페이지도 업데이트 해보았습니다. 🙂

서체와 관련된 희망사항…

어쩌다가 몇 년전에 kldpcdk 의 포럼에서 제가 참여했던 쓰레드들을 다시 보게 되었습니다. 유니코드나 서체와 관련된 글들에서 가끔 흥분을 했던 기억이 있는데, 지금 다시 보니까 얼굴이 화끈화끈 거리는군요. 하여튼 ‘왜 공개 글꼴이 필요한가?’ 쓰레드를 보고 생각난 게 있어서 오랫만에 포스팅을 해보려 합니다.
현재 은글꼴, ttf-alee, 서울체, 남산체, 백묵 글꼴 등등 공개 글꼴들이 하나 둘 나타나기 시작하고 있지만, 아직도 화면용(On screen display)으로 특화된 서체는 없습니다. 그 때문에 웹에서는 IR(Image Replacement) 등의 방법을 통해 이미 렌더링된 이미지로 텍스트를 대체시키는 방법을 많이 사용하고 있는데, 왜 화면용 글꼴에는 다들 관심을 가지지 않는 것일지 조금 아쉽네요.
Microsoft 의 경우 화면 용으로 Webdings, Verdana, Georgia, Trebuchet MS, Comic Sans MS, Impact, Arial, Courier New, Times New Roman 등의 서체를 공개하고 있습니다. 다음 페이지를 참고해보시면 알겠지만 이 서체들은 대부분 IE 나 Microsoft Windows 에 기본으로 번들되어 있기 때문에 대부분 기본으로 설치되게 됩니다.
http://www.microsoft.com/typography/web/fonts/fonts02.htm
또한 다음 URL 을 참고해보시면 웹을 통해 다운로드 받은 뒤 매킨토시에서도 사용할 수 있다고 되어 있습니다. (Verdana, Trebuchet MS 등은 화면용으로는 불필요한 기능들을 제외시킨 화면용 글꼴입니다.) 게다가 Linux 에서도 흔히 Corefonts 란 이름으로 패키징되어 사용되고 있죠.
http://www.microsoft.com/typography/web/fonts/verdana/default.htm
물론 아무 제약 없이 사용할 수 있는 서체의 개발을 의뢰하는 데는 많은 비용이 드는 것으로 알고 있습니다. 그렇기 때문에 서울 남산체, 한강체 처럼 (서울시에서 주도했으니) 나라에서 주도해서 자유롭게 사용가능한 화면용 서체들이 좀 개발되었으면 하는 바램이 있네요. 뭐 조금 앞어나간다면 IE 서비스팩 등에 그 새로운 화면용 글꼴들이 포함되었으면 더 좋겠구요. (이런 건 정치적인 문제다보니…)

한글 서체들 샘플을 만들어봤습니다.

며칠 전에 공개 글꼴들에 관련된 글을 포스팅했었는데요. 🙂 요번엔 그 글꼴들이 어떤 모양인지를 뽑아내봤습니다.
http://mytears.org/resources/font-sample/
gd 를 사용해서 샘플을 뽑아봤는데, gd 에서는 서체 래스터라이져로 freetype 을 사용하고 있고, 윈도우의 래스터라이져와 맥의 래스터라이져와는 약간의 차이를 보이기 때문에 실제로 사용할 때와 약간 차이가 있을 수도 있겠습니다.
글꼴을 뽑아내는데 사용한 프로그램은 아래에서 보실 수 있습니다.
http://trac.unfix.net/browser/snippet/gd_font_preview/gd_font_preview.c