내 맘대로 보는 세상 » font

포탈 사이트와 공개 서체…

정태영 — Sun, 08 Feb 2009 06:17:02 +0000

지난 한글날을 맞아 많은 포탈 사이트에서 자유롭게 사용할 수 있는 서체를 공개해주었습니다. 그런데 재밌는 건 자신들이 공개한 서체를 직접 사용하는 포탈이 하나도 없다는 사실입니다.

네이버에서는 ‘나눔고딕, 나눔명조, 나눔고딕코딩‘ 이렇게 세가지 서체를 배포하고 있으며 , 각각의 서체들은 완성도도 상당히 높다고 생각합니다. 하지만 네이버 메인 페이지의 CSS는 다음과 같습니다.

body,input,button{font-size:12px;line-height:1.5em;font-family:”돋움”,Dotum,”굴림”,Gulim,AppleGothic,Sans-serif;color:#383d41;}

돋움, 굴림, 애플고딕 순으로 사용하겠다네요. 혹시나 하는 마음으로 CSS 파일에서 ‘나눔’이란 글자를 찾아보았지만 발견할 수 없었습니다.

네이버만 그런 것은 아닙니다. 다음에서는 ‘다음체‘를 배포하고 있지만 CSS 파일에서는 ‘돋움’만을 지정해두고 있습니다.

찾아보니 포탈들만 이런 것이 아니더군요.

서울시에서는 ‘서울의 고유글꼴로 널리 활용되며 도시정체성과 브랜드가치를 높여줄 서울서체’라는 명목으로 ‘서울 남산체, 서울 한강체를 배포하고 있지만 자신들의 웹페이지엔 ‘돋움’을 사용하고 있습니다.

조선일보는 과연 ‘조선일보 명조체‘를 사용하고 있을까요? 한겨레 신문은 ‘한겨레 결체‘를 사용할까요? 연세 대학교도 마찬가지로 ‘연세체[1]‘ 를 사용하고 있지 않네요.

그나마 순천향 대학교에서는 순천향체를 지정하려고 했던 흔적이 보입니다만 순천향체의 영문 이름은 ‘SCH’가 아닌 ‘SOONCHUNHYANG’이다보니 제대로 적용되지는 못했을 것 같네요. (Fullname에는 산돌순천향의 이니셜 정도로 SDSCH란 이름이 있긴 하지만 자신들의 서체 이름도 모를 정도면 말 다했다고 봅니다.)

자신들도 사용하지 않을 서체를 배포하는 의미는 과연 무엇일까요? 훌륭한 서체를 만들어서 공개하는 것도 중요하지만 자신들이 배포하는 서체에 자부심을 가지고 사용하는 것 또한 중요하지 않을까 하는 생각을 해봅니다.

–
[1] 서체 배포 페이지에 대한 링크를 찾기가 힘드네요. 연세체에는 ‘연세제목체, 연세로고체‘가 포함되어 있습니다.

Cairo test…

정태영 — Fri, 23 Jan 2009 17:13:30 +0000

서체 관련된 샘플 페이지를 만들면서 손에 익숙한 gd를 활용해왔는데, gd의 fontconfig 지원이 미약하다보니 아쉬운 점들이 눈에 보이기 시작했습니다.

가장 큰 예로 굴림체, 바탕체, 나눔고딕_코딩 글꼴 같은 고정폭(정확하게는 dual-width) 서체의 영문/한글 너비가 동일하게 보여지는 문제는 fontconfig의 global advance옵션을 통해 해결할 수 있지만, gd에서는 fontconfig의 옵션을 제대로 활용하지 않고 있기 때문에 이 문제를 해결할 수가 없었습니다.

그런 이유로 fontconfig를 제대로 활용하는 그래픽 API를 찾던 도중 Cairo가 생각났습니다. Cairo는 fdo에서 개발한 그래픽 API로 현재 모질라, Gnome 등에서 활발하게 사용되고 있는데, 의외로 X 없이도 설치가 가능하고, API도 아주 단순해서 제가 활용하려던 용도로 딱이더군요.

^?View Code C

char *(text[])={
	"다람쥐 쳇바퀴 돌아 아햏햏 똠방각하",
	"abcdefghijklmnopqrstuvwxyz",
	"ABCDEFGHIJKLMNOPQRSTUVWXYZ",
	"1234567890!@#$%^&*()"
};
 
cairo_surface_t *surface;cairo_t *cr;
int i;  
double pos;
cairo_font_extents_t fe;cairo_text_extents_t te;
 
/* Prepare drawing area */
surface = cairo_image_surface_create (CAIRO_FORMAT_ARGB32, 500, 500);cr = cairo_create (surface);
cairo_set_font_size (cr, size);
cairo_set_source_rgb (cr, 0, 0, 0);
cairo_select_font_face (cr, font,
        CAIRO_FONT_SLANT_NORMAL, CAIRO_FONT_WEIGHT_NORMAL);
 
cairo_font_extents (cr, &fe);
 
pos = 3.0;
for( i = 0 ; i < 4 ; i++ ){
    cairo_text_extents (cr, text[i], &te);
 
    pos += te.height + 3.0;
 
    cairo_move_to (cr, 3.0, pos);
    cairo_show_text (cr, text[i]);
}
 
cairo_surface_write_to_png(surface, out );
 
cairo_destroy (cr);
cairo_surface_destroy (surface);

위 코드 정도만으로도 서체를 렌더링하고, 그 결과를 png로 저장할 수 있습니다. (surface를 resize하는 기능이 없기 때문에 저대로보단, 약간의 꼼수를 부려야할 것 같습니다.)

freetype의 경우 초기화에만 저 정도 코드가 필요하다는 것을 생각하면 -_-a 아주 편리하다고 할 수 있겠습니다.

언제 짬을 내서 서체 샘플을 새롭게 빌드해야겠네요. 카이로 만세!!!

테스트 코드나 결과물은 아래서…

http://mytears.org/tmp/dir/?path=./cairo&N

8/1/2008 -- 한글 서체들 샘플을 만들어봤습니다. (3)
1/23/2009 -- 공개 서체: 네이버 나눔고딕_코딩 (0)
9/19/2006 -- 내가 참여했던 오픈소스 (1)
1/29/2009 -- wp-codebox, wp-openid 버그 패치 (4)
1/23/2009 -- Punbb update (0)

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

정태영 — Thu, 22 Jan 2009 23:56:18 +0000

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

gd의 문제로 인하여 영문과 한글의 폭이 동일하게 출력되었는데, 맥이나 윈도우, 리눅스(약간의 설정 필요) 등에서는 영문과 한글의 폭이 2:1 이다보니 서체 이름에서와 동일하게 코딩용으로 사용하기에 딱이겠네요.

* http://dev.naver.com/projects/nanumfont

덧: 서체 이름에 사용된 언더바(‘_’) 때문에 맥에서 약간의 문제가 있었는데, 서체가 업데이트 되면서 이름이 ‘나눔고딕코딩’으로 바뀌었고, 맥에서도 문제 없이 사용할 수 있게 되었습니다.

공개 서체들 소개…

정태영 — Fri, 16 Jan 2009 09:35:08 +0000

내 눈엔 순천향체가 젤 이뻐보인다. 참고로 프리뷰에서 ‘아햏햏, 똠방각하’가 제대로 보이질 않는다면 한글 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

공개 서체: 순천향체

정태영 — Tue, 16 Sep 2008 02:26:14 +0000

찾아보니 순천향 대학교에서 공개를 한 ‘순천향체’ 라는 공개 서체가 존재하더군요. 자세한 정보는 아래 URL 에서 찾아보실 수 있습니다.

http://www.sch.ac.kr/sch/...nuID=20080318173724998673

아래 이미지는 이 서체를 사용해서 몇 가지 글자를 찍어본 건데, ‘아햏햏’ 이 제대로 표시되질 않는거보니 한글 중 2350자만을 표현할 수 있는 완성형 서체가 되겠습니다.

그래도 꽤 깔끔하네요. :)

공개 서체: 다음체

정태영 — Sat, 13 Sep 2008 08:27:31 +0000

국내 포털 중 하나인 다음 측에서 새로운 공개 서체를 발표했습니다. 자유롭게 사용할 수 있는 양질의 한글 서체가 하나 둘 늘어가는 현실에 기분이 참 좋습니다.

http://fontevent.daum.net/

서체 이름은 ‘다음’ 이고, 레귤러와 세미볼드 이렇게 두 가지 스타일로 제공되고 있지만, family name 이 각각 ‘Daum_Regular’ 와 ‘Daum_Semibod’ 로 서로 다르기 때문에 같은 서체로 인식이 되지는 않습니다. 각 서체의 적용 예는 아래에…

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

서체와 관련된 희망사항…

정태영 — Sun, 24 Aug 2008 15:11:54 +0000

어쩌다가 몇 년전에 kldp 나 cdk 의 포럼에서 제가 참여했던 쓰레드들을 다시 보게 되었습니다. 유니코드나 서체와 관련된 글들에서 가끔 흥분을 했던 기억이 있는데, 지금 다시 보니까 얼굴이 화끈화끈 거리는군요. 하여튼 ‘왜 공개 글꼴이 필요한가?’ 쓰레드를 보고 생각난 게 있어서 오랫만에 포스팅을 해보려 합니다.

현재 은글꼴, 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/...phy/web/fonts/fonts02.htm

또한 다음 URL 을 참고해보시면 웹을 통해 다운로드 받은 뒤 매킨토시에서도 사용할 수 있다고 되어 있습니다. (Verdana, Trebuchet MS 등은 화면용으로는 불필요한 기능들을 제외시킨 화면용 글꼴입니다.) 게다가 Linux 에서도 흔히 Corefonts 란 이름으로 패키징되어 사용되고 있죠.

http://www.microsoft.com/...fonts/verdana/default.htm

물론 아무 제약 없이 사용할 수 있는 서체의 개발을 의뢰하는 데는 많은 비용이 드는 것으로 알고 있습니다. 그렇기 때문에 서울 남산체, 한강체 처럼 (서울시에서 주도했으니) 나라에서 주도해서 자유롭게 사용가능한 화면용 서체들이 좀 개발되었으면 하는 바램이 있네요. 뭐 조금 앞어나간다면 IE 서비스팩 등에 그 새로운 화면용 글꼴들이 포함되었으면 더 좋겠구요. (이런 건 정치적인 문제다보니…)

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

정태영 — Fri, 01 Aug 2008 09:44:23 +0000

며칠 전에 공개 글꼴들에 관련된 글을 포스팅했었는데요. :) 요번엔 그 글꼴들이 어떤 모양인지를 뽑아내봤습니다.

http://mytears.org/resources/font-sample/

gd 를 사용해서 샘플을 뽑아봤는데, gd 에서는 서체 래스터라이져로 freetype 을 사용하고 있고, 윈도우의 래스터라이져와 맥의 래스터라이져와는 약간의 차이를 보이기 때문에 실제로 사용할 때와 약간 차이가 있을 수도 있겠습니다.

글꼴을 뽑아내는데 사용한 프로그램은 아래에서 보실 수 있습니다.

http://trac.unfix.net/bro...preview/gd_font_preview.c

공개 서체: 서울체

정태영 — Wed, 16 Jul 2008 19:33:34 +0000

디자인 서울 총괄본부에서 서울 한강체 (명조계열)와 서울 남산체 (고딕계열)를 공개했습니다. 서울한강체는 Light, Medium 로 구상되고, 서울 남산체 는 Light, Medium, Bold, Extra Bold 로 구성되어 있네요. 그 외에도 세로 쓰기용 서체가 하나 더 있다고 합니다.

사실 otf (opentype font)나 ttf (truetype font) 형식으로 배포할 경우에 맥, 윈도우, 리눅스 등에서 모두 동일하게 사용이 가능할텐데 왜 저렇게 맥용과 윈도우용으로 따로 배포하는지 모르겠네요.

http://design.seoul.go.kr...p?MenuID=490&pgID=57

그림만 봤을 땐 예전에 맥에서 많이 사용되던 한강체와 동일한 서체는 아닌 것으로 보이네요. 아쉽게도 라이센스와 관련된 부분이 명시가 되어 있질 않습니다.

어쨌든 공개된 한글 서체가 몇 가지 더 생겼다는 점은 매우 반길만한 일이네요. 참고로 아래의 한글 서체들도 사용료 없이 자유롭게 이용이 가능합니다.

* 은글꼴
- http://kldp.net/projects/unfonts/

* alee-fonts
- http://alee.anj.kr/fonts/alee/

* 아리따체
- http://www.amorepacific.co.kr/company/ci/font.jsp

* 한겨레 결체
- http://bbs.hani.co.kr/Boa...038;Idx=56&Sorting=2

* 조선일보 명조체
- http://font.chosun.com/

* 네이버 사전체
- http://cndic.naver.com/font.nhn

* 문화부 글꼴
- http://faq.ktug.or.kr/faq...E%C8%AD%BA%CE%B1%DB%B2%C3

* 백묵 글꼴
- http://kldp.net/projects/baekmuk

‘gulim’less Windows!

정태영 — Sun, 17 Sep 2006 05:23:16 +0000

오랫만에 윈도우를 키고 cleartype 을 적용해보았습니다. ‘윤고딕’, ‘은돋움’, ‘윤체’ 등의 경우 cleartype 이 적용된 모습이 보기 좋지는 않지만, ‘맑은 고딕’ 의 경우는 꽤나 쓸만한 모습을 보여주는 군요.

필 받은 김에 시스템에서 굴림을 몰아내버렸습니다. 그냥 테마에서 ‘맑은 고딕’ 으로 지정하는 것 만으로는 ‘굴림’ 을 원하는 곳이 너무 많더군요. ;) 부담 없이 Apple FontTool 을 이용 ‘맑은 고딕’ 의 name table 을 덤프해서 ‘gulim’ 으로 변경해서 추가해줬습니다. 하지만 version 을 10.0 으로 줬는데도 불구하고 원본 굴림을 사용하길래, 결국 원본 ‘굴림’을 제거해버려야 했습니다. -_-;;

결과로 나온 모습이 위 스크린 샷 입니다. anti-alias 가 먹은 글꼴로 표시된 윈도우도 봐줄만 하네요. ;)

p.s) 굴림체, 돋움, 돋움체 도 같이 제거되었는데… 세종대왕 등을 이용해서 굴림을 제외한 폰트는 다시 추가해줘야할 듯 싶습니다.

Apple FontTools

정태영 — Sun, 20 Aug 2006 12:03:57 +0000

개인적으로 윤디자인에서 만든 서체 시리즈를 상당히 좋아하는데, 2003 년에 처음 파워북을 살 때 받았던 Font 시디에 들어있던 유니코드 윤고딕, 윤체, 윤명조 등은 Mac OS X 에서 같은 family 로 묶여서 나오지 않는 문제가 있습니다. (윈도우야 원래 묶여서 나오지 않고, 리눅스에서도 마찬가지로 문제가 있습니다.)

그래서 얼마 전까진 FontForge 를 이용해서 이름을 수정해서 사용하고 있었지만 이렇게 만든 서체는 Unicode Cmap 만을 가지고 있고 Korean cmap 은 가지고 있지 않기 때문에 Carbon 기반 프로그램에서는 사용할 수가 없었습니다.

뭐 딱히 해결책이 없는고로 불편한 걸 참아가며 쓰고 있었는데 갑자기 Apple FontTools 이 생각이 나더군요. 패키지를 다운 받아 설치하고 서체 이름을 바꾸기 위해서 name table 을 XML 로 dump 했습니다. vi 로 살살살 수정을 한 뒤 다시 name table 을 덮어 쓰니 꺄홋! 딱 제가 원하는 대로 수정이 되었네요 :)

드디어 firefox 에서도 산돌고딕, 윤고딕, 윤체, 윤명조 등을 볼 수 있게되었습니다 -_-v 혹시나 저와 비슷한 작업을 하고 싶으신 분들은 apple font tools 를 받아서 설치하시고 터미널에서 아래와 같은 커맨드를 이용하시면 됩니다. (단 Mac OS X 전용입니다.)

dump: ftxdumperfuser -t name TTF_FILE_NAME > XML_FILE_NAME
restore: ftxdumperfuser -t name -d XML_FILE_NAME TTF_FILE_NAME

link: http://developer.apple.co...onts/Fonttools/Index.html

6/25/2006 -- mail.app plugin: letterbox (3)
1/23/2009 -- 공개 서체: 네이버 나눔고딕_코딩 (0)
1/16/2009 -- 공개 서체들 소개… (4)
9/13/2008 -- 공개 서체: 다음체 (2)
8/1/2008 -- 한글 서체들 샘플을 만들어봤습니다. (3)

내 맘대로 보는 세상 » font

포탈 사이트와 공개 서체…

Related Posts

Cairo test…

Related Posts

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

Related Posts

공개 서체들 소개…

Related Posts

공개 서체: 순천향체

Related Posts

공개 서체: 다음체

Related Posts

서체와 관련된 희망사항…

Related Posts

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

Related Posts

공개 서체: 서울체

Related Posts

‘gulim’less Windows!

Related Posts

Apple FontTools

Related Posts