2014. 3. 6.

폰트에도 가족이 있다는 사실, 알고 계셨나요? ② 매튜 카터의 'Sitka' 폰트




여든을 앞둔 할아버지가 계세요. 이 분은 18살부터 77살이 된 현재까지 약 60년간 한 업종에 종사하고 있답니다. 우리는 보통 이런 분들을 ‘장인(匠人)’이라고 부르죠. 어느 젊은이보다 더 활발하게, 시대의 흐름을 만들어가며 자신의 일을 즐기고 있는 이 사람, 누군지 궁금하시죠?



폰트 디자인계의 살아있는 역사, 매튜 카터(Matthew Carter, 1937~), 이미지 출처: 바로 가기 



바로 폰트 디자인계의 살아있는 역사 매튜 카터입니다. 과거 금속활자부터 사진식자를 지나 현재 디지털활자에 이르기까지 활자역사의 변천을 모두 경험한 그는 시대의 흐름에 빠르게 적응해 글자를 디자인해오고 있답니다. 


매튜 카터의 다양한 활자 디자인 경험을 드러내는 삽화, 이미지 출처: <한 줄의 활자(2010)>의 101쪽



그가 디자인한 수많은 폰트 중 널리 알려진 것은 MS WINDOWS 기본 폰트로 사용되고 있는 Verdana, Georgia, Tahoma 그리고 Bell Centennial 서체 등입니다. 더불어 여든을 코앞에 두고 있는 그가 2013년 또 하나의 폰트를 발표했는데요. 바로 Sitka(이하 싯카)라는 이름의 폰트랍니다. 지금부터 매력 넘치는 폰트 싯카에 대해 소개해 드릴게요.



싯카의 식구는 대가족?!


싯카는 MS WINDOWS 8.1 업데이트 때 기본적으로 제공되는 폰트입니다. 모니터 화면에서 잘 보이도록 제작된 각진 세리프(Wedge Serif)를 가졌으며 총 4가지 스타일(Regular, Italic, Bold, Bold Italic)의 가족군을 갖고 있답니다. 여기까지는 여느 서체와 크게 다를 바 없는데요. 


아래 싯카라고 적힌 이름 옆 문장을 볼까요? 


이미지 출처: http://www.tiro.com/John/Sitka_Size_Specimen2.pdf



싯카는 폰트 디자이너인 매튜 카터와 디지털 폰트제작 전문업체인 Tiro Typeworks, 그리고 Microsoft의 OS인 WINDOWS 8.1이 만든 새로운 폰트가족이라고 설명하고 있네요. 앞서 말씀드린 대로 싯카는 4가지 스타일을 가지고 있지만 폰트의 개수는 24개랍니다. 


4개의 스타일이니 폰트는 4개가 아니냐고요? 맞아요. 그런데 싯카는 하나의 스타일당 6개의 폰트(Small, Text, Subheading, Heading, Display, Banner)가 숨겨져 있답니다. 이 6개의 폰트는 크기별로 글자의 형태가 최적화돼 있지요. 그래서 4 곱하기 6, 총 24개의 폰트가 존재한답니다.




그렇다면 이 24종의 폰트는 어떻게 운용되는 걸까요? 싯카 가족은 아래의 이미지처럼 각 스타일끼리 동일한 이름으로 묶여있어요(*SitkaZ: Bold Italic을 가리킴). 이는 TTC라는 포맷(True Type Collection, TTF여러 종을 묶어놓은 포맷)으로 되어있으며 그 TTC를 분해하면 오른쪽처럼 크기별 폰트 파일(TTF) 6종이 들어있답니다.




Sitka Family의 폰트 구성



이렇게 만들어진 24종의 싯카는 WINDOWS 8.1에서 빛을 발한답니다. 예를 들어 WINDOWS 8.1을 사용하는 누군가가 워드 프로그램에서 Sitka 폰트로 문서를 작성해 제목은 22pt로 지정하고 본문은 10pt로 지정합니다. 이때 컴퓨터는 재빨리 22pt로 지정된 글자에는 Sitka Heading 폰트를 내보내고 10pt로 지정된 글자에는 Sitka Text 폰트를 내보낸답니다. 


사용자는 그저 하나의 Sitka 폰트를 사용했을 뿐인데 폰트 크기를 다르게 지정함에 따라 OS에서 자동으로 각 크기에 맞는 가장 최적화된 폰트를 제공하는 것이죠. 


OS에서 지정된 Sitka 크기별(pt) 폰트 구성, 이미지 출처: 바로 가기 



이런 편리함은 OS에서 뒷받침하는 기술 덕분이겠죠? 그래서 싯카를 설명할 때 ‘Available with Microsoft Windows 8.1’이라고 한 것이고요.


말하자면 싯카는 글자의 크기별로 최적화된 폰트가 나뉜 폰트가족이라고 할 수 있습니다. 그렇다면 이런 폰트가족은 왜 필요한 걸까요? 



벡터의 약점을 극복한 6개의 폰트


폰트는 기본적으로 '하나의 글자는 하나의 벡터(Vector)로 구성'돼 있습니다. 그래서 벡터의 특성상 글자의 크기가 어떠하든지(1 ~ ∞pt) 모두 구현할 수 있습니다. 이러한 특성은 비트맵(Bitmap)폰트와 비교해 큰 장점이랍니다. 


그러나 이 벡터의 특성은 폰트로 사용될 때는 오히려 약점이 되기도 합니다. 하나의 벡터를 크기에 따라 확대, 축소해서 내보내기 때문에 일정크기에서는 글자 굵기가 알맞게 표현되다가 작은 크기에서는 약하게 표현되고 큰 크기에서는 더 강하게 표현될 수도 있는 거죠. 이런 까닭에 폰트 디자이너는 특정 크기에 맞게 디자인 한 뒤 최적화된 포인트를 명시해놓기도 한답니다. 



 

[좌] 크기에 따라 굵기가 달라 보여서 작은 글자일 때 획이 덜 선명하게 보인다.

 [우] 크기가 작아져도 그것에 맞게 수정된 벡터로 인하여 뚜렷하게 보인다.



이런 약점을 보완하기 위해 매튜는 크기별로 최적화한 벡터를 6개의 폰트로 제작해 가족을 만든 것입니다. 단, 이렇게 글자 크기별로 가족군을 만든 것은 싯카 이전에도 있었습니다. 에릭 슈피커만의 FF INFO(1996), 매튜의 Miller(1997), 고바야시 아키라의 FF Clifford(1999) 등. 그것들과 싯카와의 차이점은 컴퓨터에서 기본적으로 자동화시켜 하나의 폰트로 사용할 수 있도록 만들었다는 점입니다.


글자는 가독성을 위해 작은 크기로 보여질 때 더 큰 속공간을 가져야 하며, 명확한 표현을 위해 획이 굵어야 합니다. 그래서 매튜는 가장 큰 크기에 적합화된 Banner를 기준으로 그보다 작은 크기에 사용될 폰트들을 점점 크게 키워 Small일 때 글자가 가장 크게 보이도록 만들었습니다. 


조금 더 자세히 설명한 설명을 위해 Small과 Banner의 같은 글자 ‘B’를 비교해 볼게요. 전체적으로 글자의 크기는 105% 더 커졌으며 세로기둥의 굵기는 120% 더 굵어졌고 가로줄기의 굵기는 대략 190% 정도나 더 굵어졌습니다. 크기만 커진 것이 아니라 획도 굵어졌고 세리프의 표현도 더 강해졌습니다. 이러한 변화는 작은 크기로 사용될 때 더 뚜렷하게 보이기 위해 이루어졌답니다.



[좌] Sitka Banner(회색)와 Sitka Small(하늘색)의 글자 B 비교 [우] 같은 크기일 때 6종의 굵기와 크기 변화 단계

이렇게 글자의 크기별 최적의 형태를 구현하기 위해 폰트 디자이너와 디지털폰트 전문가, 가독성 연구 과학자, 그리고 컴퓨터 OS 기술까지 합작해 만들어진 Sitka 폰트가족. 기회가 된다면 한번 사용해보는 것도 좋을 것 같습니다. 


이런 시도는 알파벳이기에 조금 더 제작이 용이했던 것 같습니다. 기회가 된다면 한글도 이러한 폰트가족군이 나오면 참 좋겠네요. 폰트 사용자들을 위해 앞으로도 이런 폰트가족이 더 많아지면 좋겠다는 바람입니다. 


폰트에도 가족이 있다는 사실, 알고 계셨나요? ① [다시보기]




 

  1. 작성자 대표 이미지
    겨울하늘
    2014.03.06 09:24
    덕분에 폰트 공부 열심히 하고 있습니다.^^
    감사합니다~
  2. 작성자 대표 이미지
    위폰트
    2014.03.06 13:07
    어려울 수도 있는 내용을 쉽고 재밌게 풀어주셨네요. 감사합니다.
    이 기술을 한글폰트에 사용하기 위해서는 몇배의 노력이 필요하겠지만,
    이런 것이 가능하다는 것 만으로도 반가운 소식입니다.
  3. 작성자 대표 이미지
    굳굳!
    2014.03.07 18:24
    정리를 너무 잘해주셨네요~
  4. 작성자 대표 이미지
    tipo
    2014.03.08 02:32
    알찬 정보 감사합니다.
    어려울 수도 있는 내용을 설명을 잘해놓으셨네요.
    덕분에, 이번에 새롭게 하나 더 배웠습니다. 감사해요~ㅎ
  5. 작성자 대표 이미지
    xp...
    2014.03.10 21:22
    아..신기하네요 근데 이 폰트 써볼라면 윈도우8을 사야한다는.. 그런 엄청난...ㅋㅋㅋㅋ 암튼 좋네요~ 신기하기도 하고.. 감사합니다~~
  6. 작성자 대표 이미지
    it4444
    2014.03.11 16:30
    정말 good 정리! 좋은 정보 고맙습니다!
  7. 작성자 대표 이미지
    비트맵 폰트의