흑백과 디지털

 요즘, 폰트에 꽂혔다. 

처음 시작은 이랬다. 난 크롬 확장을 하나 만들고 싶었다. 물론 언제나 그렇듯이 플랫폼 독립적으로 만들고 싶었다. 그러다가 웹 폰트를 생각하게 되었다. (OSX와 윈도우즈만 비교해보도 한글의 경우 공통의 폰트가 없다보니 내가 생각했던 대로 사이트가 구현되지 않는 문제가 있다. 이에 대한 해결책으로 웹폰트를 생각했다. ) .  그러다 언제나 처럼 딴 짓을 하게 되었고, 폰트에 대해 파고들다보니 fontforge 까지 설치하게 되었다. 

Fontforge 는 Font 편집 프로그램이다. 이 프로그램이 가진 장점은 이 툴이 무료라는 것이다. 그리고 윈도우, 맥, 리눅스를 다 지원한다. 이 기준은 내가 어떤 프로그램을 사용하거나 개발환경을 구축할 때의 기준이다. 

FontForge(2004년 3월까지는 PfaEdit)^[1][2]는 모든 일반 글꼴 형식을 지원할 수 있는 완전한 형식을 갖춘 폰트 편집기이다. 조지 윌리엄이 주도하여 개발된 FontForge는 자유 소프트웨어이며, BSD 라이센스 3조항에 따라 배포된다.^[3] 이 프로그램은 Linux, Windows^[4] 그리고 Mac OS X^[5]등의 여러가지 운영체제로 사용이 가능하며, 12개의 언어로 번역이 되어 있다.

( http://ko.wikipedia.org/wiki/FontForge )

 윈도우즈와 우분트에서 설치해 테스트해 보았다. 

(스크린 샷에 나눔글꼴이다. Open Font License 이기 때문에 이 폰트를 선택했다. )

윈도우즈에서 설치는 

http://www.mpetroff.net/software/fontforge-windows/

FontForge Windows Binaries with Python Support (Git dd73d0a354) (unofficial):

버전을 이용했다. 이 이유는 Python 을 이용해면 뭔가 재미있는 것을 알 수 있을 거라는 생각이 들었다. 

우분투에서는 간단히 apt-get install 을 이용해 fontporge 와 python-fontforge 를 설치했다. 우분투에서는 따로 설정없이 파이썬 파일에서 import fontforge 가 가능해서 참 편리했다. 그리고 

Fontforge 실행후 Execute Python 메뉴를 통해서도 파이썬을 실행할 수 있다. 

윈도우에서는 Fontforge 이용없이 사용하기가 좀 가다롭다.  우분투와 동일하게 Fontforge 실행후 Execute Python 메뉴를 통해서 하거나 bin\fontforge.exe -script test.py    

같은 방식으로 사용할 수 있다. 이 상태로 이클립스의 Pydev 와 연동하기는 좀 그럴 것 같다. 그래도 이 상대로도 속도가 괜찮기 때문에 이정도면 어느 정도 개발환경은 세팅 된 것 같다. 

 Fontforge 를 제대로 이용하기 위해서는 글꼴 디자인에 대해 좀 많이 공부할 필요가 있고 TTF 폰트에 대해서도 좀 제대로 이해 해야 할 것 같다. 내가 해보고 싶은 것은 가독성은 낮지만 용량은 적은 한글 폰트를 만들어보고 싶다. 내가 폰트 디자인 할 실력은 조금도 안되니 Open Font License 사용하는 나눔글꼴을 이용해 보려고 한다. 이 폰트를 조합형으로 변경해서 폰트 용량을 줄이고 싶은데 이 조합형 자체가 TTF 에서 지원하는 것인지 부터 연구해 봐야 한다. 그리고 불필요한 글자(이를테면 한자, 일본어)를 제거하고 아스키영역, 한글 영역, 일부 문장부호 영역만 지원하면 사이즈가 많이 줄지 않을까 하는 생각을 한다.  그럼 모바일에서도 부담없는 webfont 가 되지 않을까 하는 생각이든다. 근데 이거만 하려해도 너무 공부할 게 많은 것 같다. 

 오래전 부터 한글에 이탤릭(HTML 에서 i 엘레멘트) 이 어울리지 않고 가독성이 나쁘다고 생각했다. 이탤릭 한글을 쓰면 확실히 가독성이 이렇게 떨어진다. 

 위 글자를 보면 정말 눈에 한번에 안들어 올 것이다. (나만 그렇나..)

 그런데 이 이유를 얼마전에 알게 되었다. 

이탤릭체는 타이포그래피에서 손글씨를 기반으로 흘려 쓰는 자형을 일컫는다. 필사술로부터 영향을 받아, 조금 오른쪽으로 기운 것을 알 수 있다. 이탤릭체는 알두스 마누티우스와 앨다인 프레스가 1501년에 처음 만들어 낸 것이다.^[1] 컴퓨터 분야에서는 기울임 글꼴과 이탤릭체를 동일시하기도 하지만, 고전적인 영문 이탤릭체의 경우 기울임 이외의 차이를 보인다.

http://ko.wikipedia.org/wiki/%EC%9D%B4%ED%83%A4%EB%A6%AD%EC%B2%B4 

위키피디아 글을 읽고 이해했다. 이탤릭체는 원래 손글씨로 흘려 쓰는 자형인 것이다. 컴퓨터에서는 이탤릭 폰트를 따로 만들기에는 부담스러웠을 것이다. 그래서 기울림 글꼴로 표시 했던 것이다. 

 원래 기울림꼴(http://en.wikipedia.org/wiki/Oblique_type) 과 이탤릭은 다른 것이다. 기울림꼴은 단순히 font 을 기울려 놓은 것에 불과하다. 물론 이렇게 하면 따로 이탤릭 폰트를 디자인 할 필요가 없다는 장점이 있다.

 원칙적으로 보자면  따지고 보면 Oblique 를 적용 하면 영어도 좀 이상해 진다.

the quick brown fox jumps over the lazy dog

그렇다면 우리가 자주 사용하는 한글 폰트에 이탤릭이 예쁘게 있어서 이탤릭을 사용해야 하는 상황에 적당한 손글씨 폰트를 보여주는게 가독성을 올리는 것 같다.

그리고 여기에 대한 연구도 있었다. 

라틴알파벳의 이탤릭체와 한글의 흘림체 비교연구

 타이포그래피(Typography)는 활자 서체의 배열을 말하는데, 특히 문자 또는 활판적 기호를 중심으로 한 2차원적 표현을 가리킨다. 활판으로 하는 인쇄술을 가리키는 용어이기도 하다. 오늘날에는 뜻이 바뀌어 사진까지도 첨가하여 구성적인 그래픽 디자인 전체를 가리키고 일반의 디자인과 동의어 같이 쓰이는 일도 있다. 즉, 편집 디자인 분야에서는 활자의 서체나 글자 배치 따위를 구성하고 표현하는 일을 가리키는 용어이다. (http://ko.wikipedia.org/wiki/%ED%83%80%EC%9D%B4%ED%8F%AC%EA%B7%B8%EB%9E%98%ED%94%BC)

 내가 관심을 갖고 있는 분야중의 하나가 타이포그래피이다(내가 관심없었던 기술이 있었던가?). 내가 브라우저를 유지보수하다보니 HTML의 태그을 알필요가 있었고 그 중 글자와 관련된 것들도 많았다. 그리고 Text Align 은 Font 의 ascent descent 와 관련이 있다보니 폰트의 용어도 알게 되었다. 

 또한 HTML 페이지를 구성하다보면 디자인어 도움없이 혼자서 구성하기 위해서는 밋밋함을 피하기 위해 약간의 타이포그래프을 알아야 될 필요도 있었다. 

 그래서 앞으로 이 자료를 모을 때 마다 정리하도록 하겠다. 그런데 내가 소프트웨어 개발자라서 웬지 개발자 눈으로 바라보니 타이포그래프에 대해 정리 될 것 같다.