왜 어떤 글자는 서로 닮았을까?
폰트 분류 알아보기

제각기 다르게 생긴 폰트의 가짓수만큼이나 폰트를 분류하는 방법도 무척 다양한데요. 디지털 디스플레이 시대로 접어든 오늘날에도 널리 쓰이고 있는 몇 가지 기준을 꼽아볼게요.

1) 삐침(부리) 여부 : 세리프(Serif) & 산세리프(Sans-Serif)

물론 세리프/산세리프는 글꼴의 삐침 여부만 가지고 나눈 분류인 만큼 그 안에서도 더 작은 분류로 구분할 수 있어요. (세리프의 경우) 삐침의 크기와 방향 및 형태, 획 굵기 변화 및 대비, 기울기 등에 따라 여러 하위 분류가 있죠.

_{활판 인쇄 태동기의 스타일을 계승하는 올드 스타일 세리프(Old-Style Serif) 폰트 Garamond, 두껍고 단단한 세리프가 획 끝에 수평으로 붙은 슬랩 세리프(Slab Serif) 폰트 Rockwell.}

브랜드 로고의 글꼴이 세리프에서 산세리프로, 혹은 그 반대로 바뀌는 경우도 종종 있는데요. 대표적으로 구글(Google)은 2015년에 세리프에서 산세리프 형태로 로고를 변경하며 더 간결하고 현대적인 느낌을 주고자 했어요.

2) 손글씨와 그림 글자 : 핸드라이팅(Handwriting) & 딩뱃(Dingbat)

_{인기 핸드라이팅 폰트 중 하나로 꼽히는 Brush Script.}

세리프 여부보다는 다른 특징이 두드러지는 손글씨 형태의 글꼴도 있죠. 로마자 글꼴 분류법 중에서도 가장 널리 알려진 복스-국제 타이포그래피 협회(Vox-ATypl) 분류에서는 핸드라이팅(Handwriting)을 뜻하는 서예체(Calligraphics)의 하위 분류로 중세 글꼴에서 유래한 블랙레터(Blackletter), 흘림 필기체를 딴 스크립트(Script) 등을 두고 있습니다. 

하지만 기술과 매체의 변화로 독특한 글꼴이 계속해서 늘어나는 만큼, 세리프/산세리프/핸드라이팅이라는 분류로 딱 나누기 어려운 경우도 늘고 있어요. 

_{게임 <언더테일(Undertale)>의 캐릭터 샌즈(Sans)는 카툰풍의 산세리프 폰트, Comic Sans에서 이름을 따왔어요. (대사도 Comic Sans 폰트로 출력되죠!)}

한편 그림문자만으로 이루어진 폰트도 있습니다. 조판을 위해 마련된 그림이나 기호를 가리키는 딩뱃은 디지털 시대에도 딩뱃 폰트 파일 형태로 여전히 맥을 이어가고 있는데요. 자판을 누르면 우리가 아는 a~z, 0~9 같은 글자 대신 그림이나 기호가 출력되는 폰트예요.

_{Microsoft Windows에서 제공하는 딩뱃 폰트 Wingdings.} 

3) 한글 형태를 생각하기 : 네모틀과 탈네모틀

_{낱자의 높이가 반듯한지, 들쭉날쭉한지 살펴보면 네모틀과 탈네모틀 폰트를 쉽게 구분할 수 있어요.}

앞서 본 세리프/산세리프 등은 로마자 글꼴을 대상으로 만들어진 분류법이죠. 한글은 어떨까요? 한글 글꼴 디자인 역사에서 특히 눈여겨볼 만한 흐름이라면 ‘탈네모틀 글꼴’을 연구하고 제안하려는 움직임을 꼽을 수 있습니다.

한글은 한국어의 초성, 중성, 종성에 대응하는 닿자, 홀자, 받침닿자로 이루어져 있는데요. 이중에서 받침이 있는 글자와 없는 글자의 높이에 큰 차이가 없는 글꼴을 ‘네모틀 글꼴’이라고 합니다. 크기가 정해진 네모난 틀(모듈: Module) 안에 글자를 맞춰 놓은 것처럼 만들어서, 받침 유무에 관계없이 높이가 비슷한 글꼴을 말하죠. 

_{탈네모틀 글꼴의 대표작으로 꼽히는 디자이너 이상철의 샘이깊은물체(1984), 안상수의 안상수체(1985).}

하지만 한글 기계화 논의가 활발하게 이루어지기 시작하면서 일반적인 네모틀 글꼴이 한글의 특성 및 현대의 가로쓰기 흐름에 적합하지 않다는 주장도 함께 제기되었습니다. 이에 1970~1980년대 한국 디자이너들 사이에서 탈네모틀 글꼴 연구가 이루어졌고, 또 그에 맞는 탈네모꼴 폰트가 등장하기 시작했어요.

4) 글자가 차지하는 너비 : 가변폭(Proportional Font) & 고정폭(Monospaced Font)

_{‘굴림’과 ‘굴림체’의 차이 역시 가변폭과 고정폭에 있어요.}

가변폭과 고정폭은 로마자 같은 서구 문자에서 유래한 구분이에요. 한글과 한자, 일본어 가나처럼 네모틀 글꼴이 주류가 된 문자라면 일반적으로 고정폭 글꼴이 쓰이지만, 한국어에서는 띄어쓰기 및 부호에 전각 아스키 문자 대신 반각 아스키 문자를 주로 사용하기 때문에 가변폭과 고정폭의 차이가 두드러지는 편이에요.

_{네이버에서 배포한 코딩 전용 글꼴, D2 Coding.}

또 일반적인 글이라면 가변폭 글꼴의 가독성이 더 높지만, 코딩을 할 때에는 고정폭 글꼴을 필요로 해요. 알파벳이나 숫자는 물론 특수기호, 띄어쓰기 등이 섞인 코드를 짜야 하는 업무 특성상 낱자가 명확하게 보여야 하기 때문이죠.

화면에서 글씨 크기가 작아지더라도 잘 보여야 하고, 0과 O, 8과 B처럼 헷갈리는 글자끼리도 잘 구분되어야 합니다. ‘코딩용 글꼴’로 알려진 폰트의 대다수가 화려한 모양새보다는 판독성과 가독성에 집중한 고정폭 폰트인 이유죠.

5) 출력 방식의 차이 : 비트맵(Bitmap) & 외곽선(Outline)

디지털 환경에서 이미지를 출력하는 벡터/비트맵 2가지 방식은 폰트에서도 마찬가지로 적용돼요.

과거에는 비트맵 폰트가 주를 이뤘는데요. 컴퓨터 사양 및 디스플레이 해상도가 낮고 다양한 글자 크기를 표현할 필요가 없던 시절에 활발하게 쓰였죠.

_{굴림, 돋움 등 초기 Windows에 기본적으로 탑재된 글꼴은 벡터 폰트에 8pt~15pt 정도의 작은 크기로 된 비트맵 글꼴 정보를 임베딩하는 방식을 택했습니다. 벡터 글씨를 그대로 작게 출력하면 발생하는 왜곡 때문이었어요.}

하지만 기술의 발달과 높은 품질의 폰트 출력이 요구되면서 점차 아웃라인 폰트가 대세로 자리잡기 시작했습니다. 안티 에일리어싱(Anti-aliasing) 기술을 통해 경계선에 나타나는 계단 현상을 보완하고 디스플레이 가독성을 높이기도 더욱 쉬워졌고요.

_{마이크로소프트에서 개발한 안티에일리어싱 기법 클리어타입(ClearType). 서브 픽셀 렌더링을 통해 시스템 폰트가 작은 크기에서도 또렷하게 보일 수 있도록 보정해줘요.}

6) 곡선을 구현하는 방식 차이 : 트루타입(TrueType) & 오픈타입(OpenType)

보통 폰트를 내려받을 때에는 .ttf, .otf 두 가지 포맷이 함께 제공되곤 하죠. 둘의 가장 큰 차이는 곡선을 구현하는 베지어 곡선(Bezier Spline)에 있습니다. 쉽게 요약하면 컴퓨터 그래픽에서 곡선을 그릴 때 획 표현을 얼마나 세밀하게 할 수 있는지의 차이예요.

_{우아한형제들에서 배포하는 폰트 한나체. OTF, TTF 파일을 골라 내려받을 수 있어요.}

마이크로소프트와 애플이 개발한 트루타입 폰트(TTF)는 2차 베지어 곡선을 이용하지만, 마이크로소프트와 어도비가 트루타입 글꼴을 발전시키며 다시 설계한 오픈타입 폰트(OTF)는 2차 베지어 곡선은 물론 3차 베지어 곡선까지 이용할 수 있습니다.

OTF가 제어점이 더 많고 복잡하기 때문에 더 깔끔하고 섬세하게 곡선을 표현할 수 있지만, TTF에 비해 상대적으로 용량이 크고 출력 속도가 느리죠. 때문에 일반적인 문서라면 TTF가, 고해상도 출력을 요구하는 디자인 관련 작업이라면 OTF가 적합하다고 알려져 있습니다.

7) 서버에 탑재해서 불러오는 글꼴 : 웹 폰트(Web Font)

_{인프런은 기본 웹 폰트로 프리텐다드(Pretendard)를 채택하고 있어요.}

웹 서핑을 하다 보면 내 PC에 설치하지 않은 글꼴이 브라우저에서 정상적으로 출력되는 경우를 종종 볼 수 있죠. 폰트 파일을 서버에 탑재해 클라이언트(사용자의 웹 브라우저)로 보내는 웹 폰트 기술이 적용되어 있기 때문입니다.

웹 폰트 기술을 이용하면 기기마다 다르게 탑재된 폰트를 고려할 필요 없이 원래 의도했던 글꼴 그대로 사용자에게 보여줄 수 있어 편리해요. 단, 트래픽 역시 커지기 때문에 로딩 속도가 느려지는 등 사용자 경험에 영향을 끼칠 수도 있어요.

💡 기술 보완에서 환경을 위한 대안까지: 잉크트랩(Ink Trap)

전화번호부처럼 작은 글씨를 인쇄할 때, 잉크의 번짐을 이용해 획이 맞닿는 부분에 홈을 더 내서 원하던 모양의 글자가 찍혀 나오게 하는 기법을 잉크트랩이라고 해요. 글자에서 잉크가 뭉쳐 가독성이 떨어지는 현상을 막기 위해 등장한 기법이죠.

최근에는 인쇄 품질이 좋아지면서 잉크트랩을 심미적인 효과를 얻기 위해 활용하거나 환경 보호 및 비용 절감 관점에서 ‘에코 폰트’를 구현하는 목적으로 쓰기도 합니다.

목적에 따라 다르게 전해요
폰트 속성이 주는 뉘앙스

_{다양한 굵기를 제공하는 구글 스포카 한 산스 네오(Spoqa Han Sans Neo) 폰트.}

굵기(Weight)는 생김새가 같은 글꼴이라도 다르게 보이게끔 하는 대표적인 속성입니다. 출판/출력물 디자인에서 동일한 글꼴(Typeface)을 쓰더라도 제목과 본문, 또는 가장 중요한 내용과 덜 중요한 내용의 굵기에 차이를 두는 모습을 흔히 볼 수 있죠.

웹 문서에서 글꼴 스타일을 지정할 때도 본문(paragraph, <p>)과 제목(heading, <h1> <h2> <h3>...)의 글자 크기와 굵기를 달리하는 게 일반적이고요. 때문에 시스템 폰트를 대체해서 애플리케이션에 다른 폰트를 도입할 때에는, 해당 폰트가 다양한 굵기를 지원하는지 역시 중요하게 고려해야 할 점으로 여겨져요.

_{인프런 질문/답변, 고민있어요, 블로그 글 작성에 쓰이는 텍스트 에디터도 요소에 따라 다양한 굵기와 효과를 지정할 수 있도록 만들어져 있어요.}

굵기뿐만 아니라 기울어진 글씨(이탤릭: Italic)는 인용이나 첨언 또는 강조를 위해 자주 사용되는 속성인데요. 이밖에도 취소선(Strikethrough)은 삭제됐거나 변경되어 유효하지 않은 내용을, 위첨자(Superscript) 및 아래첨자(Subscript)는 뜻이나 지수, 발음, 그밖에 주석 등을 덧붙이는 역할을 하죠. 특히 웹 환경에서라면 밑줄(Underline)은 클릭하면 지정된 다른 페이지로 이동하는 하이퍼링크(Hyperlink)를 암시하는 역할을 합니다. 

차츰 새로워지는 행보
오늘날의 폰트 이모저모

_{인프런에서 웹폰트로 사용하고 있는 프리텐다드(Pretendard) 역시 오픈 소스였던 구글의 Noto Sans KR(본고딕) 기반으로 다듬어 만든 시스템 폰트입니다.}

PC의 보급, 디지털 출판으로의 변화, 웹/모바일 애플리케이션의 부상 등 현대 폰트의 발전은 IT 분야와 밀접하게 얽혀 있어요. 때문에 많은 폰트가 IT 업계의 동향에 발맞춰 나가는 모습을 쉽게 발견할 수 있는데요.

_{상업적 목적으로 이용할 수 있는 폰트를 모아놓은 서비스 눈누.}

2010년대 이후 특히 눈에 띄는 움직임은 오픈 폰트 라이선스로의 흐름입니다. 기업이나 기관에서 산돌, 윤디자인그룹 등 폰트 제작사에 의뢰해 만든 전용 폰트를 일반 사용자들에게 개인 또는 상업적 이용 전제로 배포하는 경우가 늘고 있죠. 이런 폰트 배포는 오픈소스 소프트웨어 모델을 뿌리로 IT 생태계에 기여하는 한편 단체의 브랜드 정체성을 각인시키는 홍보 효과를 함께 누릴 수 있어요.

_{클로바 AI 기술로 만들어진 네이버 ‘한글한글 아름답게’ 나눔손글씨 폰트.}

한편 인공지능 기술이 발전하면서 폰트를 디자인하는 방식 역시 독특한 변화를 맞고 있습니다. 네이버는 한글날을 기념하는 손글씨 공모전을 통해 네이버 클로바 AI 기술을 바탕으로 만든 나눔손글씨 109종을 제작해서 배포하고 있어요. (지난 2023년 7월 관련 서비스를 종료한) 온글잎처럼 상용화된 손글씨 기반 폰트 제작 서비스도 찾아볼 수 있었고요.

지금까지 살펴본 폰트의 세계, 어떠셨나요? 
기술과 미학의 발전과 더불어 우리 곁에 찾아올 앞으로의 폰트는 어떤 모습일까요? 계속해서 ‘읽는 즐거움’을 더해줄 폰트의 행보에 함께 기대를 걸어보아요! 😄