Chapter 04

글꼴의 갈래

워드 프로그램의 글꼴 목록을 내려 보면 수백 개의 이름이 나온다. 그런데 그 이름들을 몇 걸음 떨어져 보면 몇 갈래로 모인다. 붓으로 쓴 듯 가로획이 가늘고 획 끝에 맺음이 있는 명조, 획 굵기가 고르고 끝이 뭉툭한 고딕, 펜으로 쓴 듯한 손글씨. 라틴 글자에는 세리프와 산세리프가 있다. 이 갈래는 누가 정답으로 정해 둔 것이 아니라, 오백 년 넘게 도구와 매체가 바뀔 때마다 새 꼴이 생기고 사람들이 그것에 이름을 붙여 온 결과다. 이 장은 그 갈래를 가르는 기준을 손으로 움직여 보고, 갈래의 경계가 생각보다 흐리다는 것도 확인한다. 그리고 마지막에는 "어떤 글꼴이 좋은가" 대신 "이 글은 무엇을 전하려는가"에서 시작하는 질문으로 글꼴을 고른다.

명조(바탕)와 고딕(돋움)을 가르는 두 특징, 곧 획의 대비와 부리(맺음)를 설명하고 모형으로 바꿔 본다.
라틴 활자의 주요 갈래(올드스타일, 트랜지셔널, 디돈, 슬랩 세리프, 산세리프)를 획 대비·강세 축·세리프로 구별한다.
1499년과 1799년의 실제 인쇄면을 비교하며 갈래가 도구와 시대에서 생겼다는 것을 본다.
글꼴 분류가 역사적 관습이며 경계가 흐리다는 것을 사례로 말한다.
크기와 매체, 글의 길이, 지원 글자 수, 굵기 수, 라이선스를 묻는 질문으로 글꼴을 고른다.

같은 문장, 네 가지 목소리

먼저 같은 문장을 네 글꼴로 짜 본다. 모두 SIL 오픈 폰트 라이선스(OFL)로 공개되어 누구나 쓰고 고칠 수 있는 글꼴이다.

Noto Serif KR · 명조

여름 저녁, 골목 끝 책방에서 시를 읽습니다.

Noto Sans KR · 고딕

여름 저녁, 골목 끝 책방에서 시를 읽습니다.

Gowun Batang · 바탕 계열

여름 저녁, 골목 끝 책방에서 시를 읽습니다.

Nanum Pen Script · 손글씨

여름 저녁, 골목 끝 책방에서 시를 읽습니다.

뜻은 같은데 목소리가 다르다. 명조는 단정하고 차분한 책의 목소리, 고딕은 또렷하고 사무적인 안내의 목소리, 손글씨는 쪽지를 건네는 사람의 목소리처럼 들린다. 이런 인상은 사람과 문화에 따라 다르고 실험으로 일반화하기 어려우므로, 이 책은 "명조는 신뢰감을 준다" 같은 문장을 사실로 쓰지 않는다. 대신 눈으로 확인할 수 있는 차이부터 본다. 그 하나가 글줄이 지면 위에 만드는 회색의 짙기, 곧 회색값(Typographic color)이다. 글자를 멀리서 보거나 눈을 가늘게 뜨면 글자는 사라지고 회색 덩어리만 남는데, 그 회색이 글꼴마다 다르다.

아래 시뮬레이터는 네 글꼴로 같은 단락을 짜고, 흐림 슬라이더로 글자를 지워 회색만 남긴다. 아래 숫자는 단락 면적에서 잉크가 차지하는 비율이다.

SIMULATOR

눈을 가늘게 뜨면 남는 회색

흐리게 보기

명조 잉크—

고딕 잉크—

바탕 잉크—

손글씨 잉크—

해볼 것: ① 흐림을 0에서 4쯤으로 올린다. 글자는 읽을 수 없지만 네 단락의 회색이 서로 다르다는 것은 또렷하다. ② 어느 단락이 가장 짙은지 숫자와 눈으로 맞춰 본다. 고딕은 획이 고르고 굵어 회색이 짙고 고르며, 명조는 가는 가로획 때문에 같은 굵기 이름(400)에서도 옅다. ③ "굵게(700)"로 바꾼다. 손글씨 글꼴은 굵기가 하나뿐이라 그대로이고(굵게 요청하면 브라우저가 흉내 낼 수 있다), 나머지는 짙어진다. (잉크 비율은 같은 크기·같은 행간으로 그린 단락의 알파 값 평균이다. 글꼴이 도착하기 전에는 대체 글꼴로 계산된다. 흐림은 축소했다 다시 키우는 근사다.)

회색값은 글꼴을 고를 때 생각보다 중요하다. 한 지면에 여러 글꼴을 섞으면 회색이 고르지 않아 얼룩져 보이고, 같은 글꼴이라도 굵기 이름(400, 700)이 같다고 실제 짙기가 같은 것은 아니다. 손글씨 글꼴은 글자 크기와 획 굵기가 제각각이라 회색이 들쭉날쭉하다. 짧은 문장에서는 그것이 생기가 되지만 긴 글에서는 눈이 쉴 곳이 없어진다. 이제 이 차이를 만드는 특징을 하나씩 떼어 본다.

명조와 고딕, 바탕과 돋움

한글 본문 글꼴의 두 큰 갈래는 명조(Myeongjo, Serif-style)와 고딕(Gothic, Sans-style)이다. 명조라는 이름은 중국 명나라 때 목판 인쇄에서 굳어진 한자 활자 꼴을 일본에서 부르던 말에서 왔고, 고딕은 19세기 서양에서 획 굵기가 고른 산세리프 활자를 부르던 말 가운데 하나에서 왔다. 두 이름 모두 한글 글꼴의 모양과는 직접 관계가 없는 빌려 온 이름이다. 그래서 1990년대에 명조를 바탕, 고딕을 돋움으로 바꿔 부르자는 움직임이 있었고, 운영체제의 기본 글꼴 이름(바탕, 돋움, 굴림, 궁서)에도 그 흔적이 남았다. 획 끝의 장식을 뜻하는 우리말로 부리를 써서 명조 계열을 부리 글꼴, 고딕 계열을 민부리 글꼴이라 부르기도 한다. 이 책은 가장 널리 쓰는 명조·고딕을 쓰고, 필요할 때 다른 이름을 함께 적는다.

한글 명조는 붓으로 쓴 글씨의 구조를 정리한 꼴이다. 붓을 대고, 긋고, 멈추는 동작이 획의 시작과 끝에 흔적을 남긴다. 가로획은 가늘고 끝에서 붓을 눌러 멈춘 자리가 작은 삼각형으로 솟고(맺음), 세로획은 굵고 시작하는 곳에 붓이 들어간 비스듬한 돌기가 있다. 고딕은 이런 흔적을 걷어 내고 획 굵기를 고르게 한 꼴이다. 아래 그림이 두 갈래의 차이를 보여 준다.

그림 1. 명조와 고딕을 가르는 두 특징. 같은 뼈대("한")에 획 대비와 부리만 다르게 주었다. 명조풍은 가로획이 가늘고 세로획이 굵으며, 획의 시작과 끝에 붓의 흔적(돌기, 맺음)이 있다. 고딕풍은 모든 획의 굵기가 같고 끝이 잘린 듯 뭉툭하다. 실제 명조의 맺음과 돌기는 글꼴마다 모양이 훨씬 섬세하다. 이 장의 모형으로 그렸다.

실제 글꼴로도 견줘 본다. 아래 그림의 경계선을 좌우로 끌면 같은 글이 명조(Noto Serif KR)와 고딕(Noto Sans KR)으로 바뀐다. 두 글꼴은 같은 프로젝트에서 짝으로 만들어져 글자의 뼈대와 비례가 많이 닮았다. 그래서 갈래의 차이만 비교하기 좋다.

그림 2. 같은 뼈대, 다른 갈래. 왼쪽은 Noto Serif KR, 오른쪽은 Noto Sans KR이다(모두 400). 경계선을 끌면서 "책"의 ㅊ 꼭지, "방"의 ㅇ, 가로획의 굵기를 본다. 명조의 ㅇ은 위아래가 가늘고 좌우가 굵지만 고딕의 ㅇ은 거의 고른 고리다.

두 특징을 따로 떼어 움직여 본다. 아래 모형은 같은 뼈대에 획 대비와 부리 크기를 각각 준다. 대비만 올리거나 부리만 키우면 어느 갈래라고 불러야 할지 애매한 글자가 나온다.

SIMULATOR

대비와 부리: 고딕에서 명조로

판 위의 점을 끈다

획 대비 부리(맺음·돌기) 획 굵기

가로획 ÷ 세로획 굵기—

가장 가는 획(글자 높이 대비)—

이 모형이 가까운 갈래—

해볼 것: ① 판 위의 점을 왼쪽 아래(대비 0, 부리 0)에서 오른쪽 위로 끈다. 글자가 고딕에서 명조로 넘어간다. ② 대비만 크게(판의 오른쪽 아래) 해 본다. 부리 없이 가로획만 가는 글자는 명조도 고딕도 아닌 경계에 선다. 실제로 이런 꼴의 제목용 글꼴이 있다. ③ 대비를 0.95까지 밀고 획 굵기를 줄인다. 가로획이 실처럼 가늘어져 작은 크기에서는 사라질 지경이 된다. 대비는 큰 글자에서 우아함이 되지만 작은 글자에서는 위험이 된다. (이 장의 모형이다. 대비는 획의 방향만으로 굵기를 정했고, 부리는 가로획 끝의 삼각 맺음과 세로획 머리의 돌기 두 가지로 단순화했다.)

대비와 부리는 함께 다니는 경우가 많지만 반드시 그렇지는 않다. 부리는 작게 남기고 대비를 줄인 본문용 명조, 대비는 있지만 부리를 없앤 제목용 글꼴처럼 두 특징을 따로 조절한 글꼴이 계속 나온다. 이름표는 하나여도 실제 글꼴은 이 판 위의 어느 한 점에 있다.

궁체와 판본체: 명조·고딕 이전의 한글 꼴 명조와 고딕이라는 이름은 20세기 활판 인쇄와 함께 퍼졌지만, 한글의 꼴은 그보다 훨씬 오래 갈래를 이뤄 왔다. 『훈민정음』 해례본 같은 초기 목판본의 글자는 획 굵기가 고르고 점과 원이 기하학적이어서 판본체라 부른다. 조선 후기 궁중에서 궁녀들이 쓰던 붓글씨에서 다듬어진 꼴은 궁체라 부르며, 획의 흐름과 맺음이 유려하다. 오늘의 한글 명조는 붓글씨의 구조를, 고딕은 획 굵기가 고른 꼴을 이어받았다고 흔히 설명한다. 20세기 중반에는 최정호처럼 금속 활자와 사진식자용 원도를 그린 디자이너들이 명조와 고딕의 기본 꼴을 다듬었고, 그 작업이 디지털 글꼴의 바탕이 되었다는 평가를 받는다.

라틴 활자의 갈래

라틴 글자의 갈래는 크게 세리프(Serif)와 산세리프(Sans-serif)로 나뉜다. 세리프는 획 끝에 붙은 작은 가로 장식이고, 산세리프는 "세리프가 없는"이라는 뜻이다(2장). 세리프 활자는 다시 시대에 따라 몇 갈래로 나뉜다. 가르는 기준은 세 가지다. 획 굵기의 차이(대비), 가장 가는 부분이 놓인 방향(강세 축(Stress, Axis)), 그리고 세리프의 모양이다.

올드스타일(Old-style, Garalde): 15~16세기 이탈리아와 프랑스의 활자. 펜으로 쓴 글씨의 흔적이 남아 대비가 크지 않고, o의 가는 부분이 11시와 5시 쪽으로 기운다(기운 강세 축). 세리프와 기둥 사이가 곡선(브래킷)으로 이어진다.
트랜지셔널(Transitional): 18세기 중반. 대비가 커지고 강세 축이 거의 수직으로 선다. 영국의 존 배스커빌(John Baskerville)이 1750년대에 만든 활자가 대표적이다.
디돈(Didone, Modern): 18세기 말~19세기 초. 프랑스의 디도 집안과 이탈리아의 잠바티스타 보도니(Giambattista Bodoni)의 활자. 굵은 기둥과 머리카락처럼 가는 획이 극단적으로 대비되고, 세리프는 브래킷 없이 가는 선이다.
슬랩 세리프(Slab serif, Egyptian): 1810년대 영국 광고 인쇄에서 등장. 대비가 작고 세리프가 기둥만큼 두툼한 판(slab)이다.
산세리프(Sans-serif): 1816년 윌리엄 캐즐런 4세(William Caslon IV)의 견본에 처음 나타났다고 알려진다. 19세기의 그로테스크, 1920년대의 지오메트릭(파울 레너의 푸투라, 1927)과 휴머니스트(에릭 길의 길 산스, 1928), 1950년대의 네오그로테스크(헬베티카, 유니버스, 1957)로 갈래가 이어진다.

여기에 손으로 쓴 글씨를 흉내 낸 스크립트(Script), 중세 필사본에서 온 블랙레터(Blackletter), 큰 크기에서 쓰도록 만든 디스플레이(Display) 글꼴이 더해진다. 이런 갈래를 체계로 묶은 대표적인 시도가 프랑스의 막시밀리앵 복스(Maximilien Vox)가 1954년에 제안하고 국제 타이포그래피 협회(ATypI)가 1962년에 받아들인 복스-ATypI 분류다.

실제 인쇄면으로 두 시대를 견줘 본다. 아래 두 그림은 정확히 300년 차이가 나는 베네치아와 파리의 책이다.

1499년 베네치아에서 인쇄된 책의 본문 부분. 이탈리아어 문장이 빽빽하게 짜여 있고, 긴 s 같은 옛 글자와 약자가 섞여 있다. 획의 굵기 차이가 크지 않고 글자들이 따뜻하고 고르게 이어진다. — **그림 3. 프란체스코 콜론나 지음, 알두스 마누티우스 인쇄, 「힙네로토마키아 폴리필리」 본문 부분, 1499.** 활자는 프란체스코 그리포(Francesco Griffo)가 새긴 로만체로 알려져 있다. 획 대비가 작고 e, o의 가는 부분이 비스듬하며, 글줄의 회색이 고르고 따뜻하다. 올드스타일의 본보기로 자주 꼽히는 인쇄면이다.메트로폴리탄 미술관 소장(Gift of J. Pierpont Morgan, 1923), 목판 삽화가 든 인쇄본. 공공 도메인(The Met Open Access, CC0). 원본 사진에서 본문 일부를 잘라 냈다. 소장처 작품 페이지 · 크레딧

1799년 파리에서 인쇄된 호라티우스 작품집의 한 면. 위에 대문자로 EPISTOLARUM LIBER SECUNDUS, EPISTOLA I, AD AUGUSTUM이 가운데 맞춤으로 놓이고, 아래에 라틴어 시 여덟 줄이 넓은 행간으로 짜여 있다. 굵은 세로획과 가는 가로획의 대비가 뚜렷하다. — **그림 4. 피에르 디도 출판, 호라티우스 「작품집」 서간집 제2권 첫 면 부분, 1799.** 굵은 기둥과 가는 가로획·세리프의 대비가 크고, o의 가는 부분이 정확히 위아래에 놓인다(수직 강세 축). 넓은 여백과 행간도 이 인쇄면의 인상을 만든다. "흑백"을 눌러 두 그림의 회색값을 견주면 1799년 쪽이 더 밝고 선명한 대비를 보인다.메트로폴리탄 미술관 소장(Anonymous Gift, 1932), 동판화 머리 장식이 든 인쇄본. 공공 도메인(The Met Open Access, CC0). 원본 사진에서 본문 부분을 잘라 냈다. 소장처 작품 페이지 · 크레딧

두 인쇄면의 차이는 취향의 변화만이 아니다. 1499년의 활자는 펜글씨를 본뜬 손의 기억을 갖고 있고, 1799년의 활자는 동판 조각처럼 아주 가는 선을 새기고 찍어 낼 수 있게 된 기술, 더 매끄러운 종이와 더 정밀한 인쇄기 위에서 나왔다. 아래 모형에서 세 기준을 직접 움직여 갈래를 찾아본다. 판 위의 점은 대비(가로)와 강세 축의 기울기(세로)다.

SIMULATOR

대비, 축, 세리프로 라틴 갈래 찾기

판 위의 점을 끈다

획 대비 강세 축 기울기

가장 가까운 갈래—

그다음—

가는 획 ÷ 굵은 획—

해볼 것: ① 처음 상태(대비 0.38, 축 −24°, 브래킷)는 올드스타일이다. 점을 오른쪽 위로 끌어 대비를 0.9, 축을 0°로 하고 "가는 세리프"를 고른다. 디돈이 된다. ② 세리프를 "슬랩"으로 바꾸고 대비를 0.1로 내린다. 같은 판 위에서 이번에는 슬랩 세리프가 가장 가깝다. ③ 점을 두 갈래 사이에 놓아 "그다음" 갈래와의 차이가 거의 없는 자리를 찾는다. 실제 활자 가운데도 이런 자리에 있어 분류표마다 다른 칸에 들어가는 것이 많다. (이 장의 모형이다. 각 갈래의 기준점(대비, 축, 세리프)은 이 책이 정한 대표값이고, 거리는 세 기준의 차이를 단순히 더해 계산한다.)

판 위에서 보듯 갈래는 섬이 아니라 지도 위의 지역이다. 지역의 가운데는 분명하지만 경계는 흐리다. 분류 이름은 그 지역의 가운데에 붙은 이름표일 뿐, 모든 글꼴이 정확히 한 칸에 들어간다는 뜻이 아니다.

갈래는 쌓인다: 분류의 역사

갈래가 생긴 순서를 따라가면 하나의 원리가 보인다. 새 갈래는 앞의 갈래를 지우지 않고 그 위에 쌓인다. 디돈이 나왔다고 올드스타일이 사라지지 않았고, 산세리프가 퍼졌다고 세리프가 사라지지 않았다. 오늘의 글꼴 목록은 오백 년 동안 쌓인 지층이다. 아래 연표의 손잡이를 끌어 시대를 옮겨 본다.

SIMULATOR

갈래의 연표

연표 위 손잡이를 끈다

연도

이 해까지 생긴 갈래—

가장 최근에 생긴 갈래—

해볼 것: ① 1500년에서 시작해 1760년, 1800년으로 옮긴다. 대비가 점점 커지고 축이 서는 흐름이 보인다. ② 1820년으로 넘어가면 대비가 거의 없는 슬랩 세리프와 산세리프가 한꺼번에 나타난다. 책 본문이 아니라 광고와 포스터, 곧 멀리서 크게 보이는 글자가 필요해진 시대다. ③ 2000년까지 민다. 카드가 하나도 사라지지 않는다. (연도는 각 갈래의 대표 활자가 나온 해로 잡은 어림이며, 시작 시점은 연구자마다 다르게 본다. 글자 모양은 이 장의 모형이고, 블랙레터는 모형으로 그리지 않았다.)

한글 글꼴의 갈래도 같은 방식으로 쌓였다. 붓글씨와 목판의 꼴 위에 20세기 금속 활자의 명조와 고딕이 놓였고, 사진식자와 컴퓨터 시대에 굵기와 너비가 다양한 가족이 늘어났으며, 탈네모틀(3장)과 손글씨, 제목용 디스플레이 글꼴이 더해졌다. 그리고 화면에서 읽는 일이 늘면서, 낮은 해상도에서도 또렷한 본문용 고딕이 크게 늘었다.

크기와 매체: 가는 획은 살아남는가

갈래를 고를 때 가장 현실적인 기준 하나는 그 글자가 놓일 크기와 매체다. 명조의 가는 가로획은 인쇄에서는 아주 가늘어도 또렷하게 찍히지만, 화면에서는 화소보다 가늘어질 수 있다. 화소보다 가는 선은 화면에서 옅은 회색 줄로 번져 보인다. 글자가 흐리게 보이는 이유다(화면 렌더링은 11장).

아래 시뮬레이터는 같은 문장을 고른 크기와 해상도로 그린 뒤, 그 아래에 화소를 확대해 보여 준다. 위쪽 숫자는 그 크기에서 글꼴의 가로획과 세로획이 화면의 화소 몇 개 굵기인지 잰 값이다.

SIMULATOR

화소 위의 가로획

글자 크기(CSS px)

가로획 굵기—

세로획 굵기—

가로 ÷ 세로—

해볼 것: ① 명조, 16px, 보통 화면에서 가로획이 화소 1개보다 가는지 본다. 확대 그림에서 가로획이 옅은 회색 줄로 번진다. ② 고딕으로 바꾼다. 가로획과 세로획이 모두 화소 1개를 넘어 진하게 찍힌다. ③ 명조로 돌아가 "인쇄(600dpi)"로 바꾼다. 같은 가로획이 점 몇 개 굵기로 찍혀 또렷해진다. 크기를 8px까지 내리면 고해상도 화면에서도 명조의 가로획이 흐려진다. (획 굵기는 "ㅡ"와 "ㅣ"를 크게 그려 잉크의 두께를 잰 뒤 글자 크기와 해상도에 비례시킨 값이다. 인쇄는 1 CSS px = 1/96인치로 보고 600dpi 점으로 환산했다. 실제 화면은 힌팅과 글꼴 렌더러에 따라 다르게 보인다.)

이것이 "화면 본문에는 고딕, 인쇄 본문에는 명조"라는 오랜 관행의 기술적인 근거 가운데 하나다. 다만 이 관행은 규칙이 아니다. 고해상도 화면이 흔해지면서 화면에서도 명조로 긴 글을 읽는 일이 늘었고, 반대로 인쇄물에도 고딕 본문이 많다. 명조와 고딕 가운데 어느 쪽이 "더 잘 읽히는가"를 다룬 연구는 결과가 엇갈리며, 이 책은 7장에서 그 근거를 따로 본다. 여기서 확인한 것은 더 좁은 사실이다. 같은 크기에서 명조의 가는 획은 고딕보다 화소 수가 적고, 그래서 해상도가 낮을수록 먼저 흐려진다.

같은 문장을 세 크기로 출력해 보기 명조 글꼴과 고딕 글꼴로 같은 문장 한 줄을 각각 8pt, 10pt, 14pt로 짜서 한 장에 출력한다. 출력물과, 같은 파일을 휴대폰 화면에 띄운 것을 나란히 놓고 한 걸음 떨어져 본다. 8pt에서 명조의 가로획이 종이와 화면 중 어디서 먼저 흐려지는지, 14pt에서 두 글꼴의 인상이 어떻게 달라지는지 메모한다. 카메라로 화면을 가까이 찍어 확대하면 화소에 번진 가로획을 직접 볼 수 있다.

손글씨와 디스플레이

명조와 고딕이 본문을 맡는다면, 나머지 갈래는 주로 짧은 글을 맡는다. 손글씨 글꼴(Handwriting font)은 펜이나 붓으로 쓴 글씨를 글꼴로 만든 것이다. 글자마다 크기와 기울기가 조금씩 달라 사람이 직접 쓴 듯한 온기가 있지만, 그만큼 회색값이 고르지 않아 긴 글에서는 쉽게 피로해진다. 디스플레이 글꼴(Display typeface)은 제목과 포스터처럼 큰 크기에서 쓰도록 만든 글꼴이다. 아주 굵거나 아주 가늘거나, 대비가 극단적이거나 장식이 많아 작은 크기에서는 무너지지만 큰 크기에서는 본문 글꼴이 낼 수 없는 인상을 만든다. 같은 이유로 본문 글꼴을 제목 크기로 키우면 자간과 획이 헐거워 보이기 쉽다(12장).

손글씨 글꼴은 "한 줄"까지만 손글씨 글꼴을 쓸 때는 "한두 줄까지"처럼 스스로 한계를 정해 두면 실수가 적다. 안내문의 짧은 인사, 메뉴판의 오늘의 추천, 포스터 구석의 서명처럼 손으로 쓴 듯한 느낌이 의미를 더하는 곳에만 쓰고, 정보를 전하는 본문은 명조나 고딕에 맡긴다. 그리고 한 지면에 손글씨 글꼴은 하나만 둔다. 서로 다른 손글씨 두 개가 한 지면에 있으면 두 사람이 다투는 쪽지처럼 보인다. 이것은 연구 결과가 아니라 현장의 요령이며, 손글씨로 전체를 짜는 그림책이나 개인적인 편지처럼 예외가 오히려 어울리는 자리도 있다.

분류의 한계

지금까지 본 갈래는 모두 쓸모 있는 이름표다. 하지만 이름표에는 한계가 있다.

첫째, 분류는 역사적 관습이다. 올드스타일, 트랜지셔널, 모던 같은 이름은 그 꼴이 생긴 뒤에 붙었고, 특히 "모던"은 18세기 말의 활자를 가리키는데 지금 보면 전혀 현대적이지 않다. "트랜지셔널"(과도기)이라는 이름도 올드스타일에서 모던으로 가는 중간이라는, 결과를 알고 붙인 해석이다. 둘째, 기준이 섞여 있다. 어떤 갈래는 시대로, 어떤 갈래는 모양으로, 어떤 갈래는 쓰임(본문·디스플레이)으로 나뉘어 한 글꼴이 여러 칸에 동시에 들어간다. 셋째, 새 글꼴은 일부러 경계에 선다. 세리프와 산세리프의 특징을 섞은 글꼴, 명조의 대비와 고딕의 끝맺음을 섞은 한글 글꼴처럼 칸 사이를 노리는 디자인이 계속 나온다. 그래서 분류표는 판단을 대신하지 못한다. 분류는 처음 보는 글꼴을 설명할 말을 주고, 비슷한 후보를 찾는 출발점이 된다. 그것이 분류가 해 줄 수 있는 일의 전부이자 가장 큰 쓸모다.

"세리프는 본문용, 산세리프는 제목용"은 법칙이 아니다 흔히 듣는 이 말은 특정 시대·매체의 관행을 요약한 것이다. 산세리프로 짠 훌륭한 장편 소설도, 세리프로 짠 강렬한 포스터도 많다. 갈래가 정하는 것은 글꼴의 성격이지 쓸 자리가 아니다. 쓸 자리는 다음 절의 질문으로 정한다.

글꼴을 고르는 질문

좋은 글꼴은 따로 없다. 이 글에 맞는 글꼴이 있을 뿐이다. 후보를 고를 때 아래 질문을 차례로 던진다.

무엇을 전하려는가. 정보를 빨리 찾게 할 안내인가, 천천히 따라 읽을 이야기인가, 한눈에 인상을 남길 제목인가.
어디서, 어떤 크기로 읽히는가. 휴대폰 화면의 작은 본문인가, 종이 위의 책 본문인가, 멀리서 보는 간판인가. 가는 획이 살아남는가.
얼마나 긴가. 한 줄이면 개성이 강한 글꼴도 좋지만, 열 쪽이면 회색값이 고르고 눈에 익은 글꼴이 편하다.
필요한 글자가 다 있는가. 한글 11,172자, 라틴 글자와 숫자, 문장 부호, 필요하면 한자. 사람 이름 하나가 대체 글꼴로 튀어나오면 지면이 깨진다.
굵기와 너비가 충분한가. 제목·소제목·본문·주석을 한 가족 안에서 나누려면 굵기가 여럿 있어야 한다(8장).
쓸 수 있는가. 라이선스가 인쇄, 웹, 간판 같은 용도를 허락하는가. 이 책의 예시 글꼴은 모두 OFL로, 상업적 용도를 포함해 자유롭게 쓸 수 있고 글꼴 파일 자체만 따로 팔 수는 없다.

아래 실험실에서 쓰임과 글꼴을 바꿔 가며 이 질문에 답해 본다. 쓰임을 고르면 그 자리의 모습(휴대폰 화면, A5 책자 한 쪽, 안내문 제목, 손글씨 쪽지)에 글자가 놓인다.

SIMULATOR

글꼴 고르기 실험실

크기 배율

가로획(이 자리의 해상도)—

회색값(잉크 비율)—

제공 굵기—

한글 음절—

해볼 것: ① 휴대폰 본문에서 네 글꼴을 차례로 고른다. 2× 화면이라도 명조와 바탕의 가로획은 고딕보다 눈에 띄게 가늘다. 손글씨는 짧은 문장일 때와 단락일 때 인상이 크게 다르다. ② A5 책자 본문으로 바꾼다. 인쇄 해상도에서는 명조의 가로획도 충분히 굵게 찍힌다. 이제 판단 기준은 해상도가 아니라 글의 성격과 회색값이다. ③ 안내문 제목에서 크기 배율을 1.6까지 올린다. 큰 크기에서는 명조의 대비와 손글씨의 개성이 오히려 장점이 된다. 반대로 짧은 쪽지에서 고딕은 정확하지만 차갑게 느껴질 수 있다. 어느 조합도 정답이 아니며, "이 자리에서 무엇을 전하려는가"에 맞는지 본다. (가로획 굵기는 앞 시뮬레이터와 같은 방법으로 쟀고, 휴대폰은 2× 화면, 책자는 600dpi 인쇄로 가정했다. 제공 굵기와 한글 음절 수는 2026년 10월 Google Fonts와 각 글꼴 파일에서 확인한 값이다.)

실험실에서 본 것처럼 같은 글꼴이 자리에 따라 강점이 되기도, 약점이 되기도 한다. 그래서 글꼴은 "좋은 글꼴 목록"에서가 아니라 자리마다 고른다. 후보를 두세 개로 좁혔다면, 실제 원고의 한 단락을 실제 크기와 매체로 짜서 비교하는 것이 가장 확실하다. 화면이라면 실제 휴대폰에 띄우고, 인쇄라면 실제 종이에 출력한다.

후보는 한 가족 안에서 먼저 찾는다 본문과 제목에 각각 다른 글꼴을 고르기 전에, 굵기와 너비가 넉넉한 한 가족 안에서 해결할 수 있는지부터 본다. 한 가족은 글자의 뼈대와 회색값이 맞춰져 있어 섞어도 지면이 고르다. 명조와 고딕을 함께 써야 한다면 같은 프로젝트에서 짝으로 만든 글꼴(Noto Serif KR과 Noto Sans KR처럼)을 고르는 것이 무난한 출발점이다. 짝으로 만든 글꼴은 글자 크기와 기준선, 라틴 글자의 비례가 서로 맞춰져 있다.

서윤의 작업 노트

CASE 서윤작업 노트 · 4장

화면에는 고딕, 종이에는 명조

간판 한글의 틀을 정한 다음 날, 서윤은 웹사이트의 서점 소식 글과 안내 책자 「골목 산책」의 본문 글꼴을 고르기 시작했다. 처음 생각은 간단했다. "둘 다 같은 글꼴로 하면 통일감이 있겠지." 그런데 봄에 그린 수채 드로잉 옆에 고딕 본문을 놓아 보니 책자가 안내 표지판처럼 딱딱해 보였고, 명조 본문을 휴대폰에 띄워 보니 가로획이 가늘어 회색 안개처럼 흐렸다. 주인의 말이 떠올랐다. "할머니 손님도 휴대폰으로 소식을 읽으신다."

서윤은 이 장의 질문을 두 자리에 각각 던졌다. 웹 본문은 휴대폰 화면에서, 짧게는 몇 줄 길게는 한 화면 넘게 읽히는 안내 글이다. 책자 본문은 A5 종이 위에서 드로잉과 함께 천천히 읽히는 산책 이야기다. 후보는 모두 OFL 글꼴로 좁혔다. 고딕은 Noto Sans KR, 명조는 Noto Serif KR과 Gowun Batang. 화소 시뮬레이터로 재 보니 같은 16px에서 Noto Serif KR의 가로획은 보통 화면(1×)에서 0.71화소, Noto Sans KR은 1.12화소였다. 같은 명조 가로획도 600dpi 인쇄에서는 점 약 4.5개 굵기로 찍혔다.

한도경은 두 출력물을 나란히 놓고 오래 보더니 말했다. "활판 시절에도 책은 명조, 전단지 제목은 고딕이었지. 그게 법이라서가 아니라 종이와 잉크가 그렇게 시켰어. 지금은 화면이 시키는 거고." 서윤의 선택은 화면 본문은 고딕 계열의 Noto Sans KR, 책자 본문은 명조 계열의 Noto Serif KR이었다. 이유는 셋이다. 첫째, 화면 본문은 휴대폰의 작은 크기와 다양한 해상도에서 가는 획이 흐려질 위험이 적은 고딕이 안전하다. 둘째, 책자 본문은 인쇄 해상도에서 가는 획이 살아 있고, 붓의 흔적이 남은 명조가 수채 드로잉의 손맛과 잘 어울린다. 셋째, 두 글꼴은 짝으로 만들어져 뼈대와 라틴 글자의 비례가 맞으므로, 웹과 책자가 서로 다른 글꼴을 쓰면서도 한 가게의 목소리로 이어진다. Gowun Batang은 따뜻한 인상이 마음에 들었지만 굵기가 두 가지뿐이어서, 위계를 짤 여지가 더 넓은 Noto Serif KR을 본문으로 두고 보류했다. 손글씨 글꼴은 본문 후보에서 뺐다.

본문 글자#22342a 책방 초록#2f7d5b 크림#ffe2d7

이 장에서 정한 것웹사이트 본문(서점 소식 글): 고딕 계열 Noto Sans KR. 「골목 산책」 책자 본문: 명조 계열 Noto Serif KR. 두 글꼴 모두 OFL, 한글 11,172자 지원. 이유: 화면에서는 가는 가로획의 흐려짐을 피하고(16px·1× 화면 가로획 명조 0.71화소, 고딕 1.12화소, 이 책의 측정), 인쇄에서는 명조의 붓 흔적이 드로잉과 어울리며, 짝으로 만든 두 글꼴이라 웹과 책자의 목소리가 이어진다. Gowun Batang은 보류, 손글씨 글꼴은 본문에서 제외.

아직 남은 문제글꼴은 정했지만 화면 본문의 글자가 다닥다닥 붙어 보이고, 한글 사이 간격이 라틴 글자보다 성기게 느껴진다. 간판 "책방 E"의 글자 사이도 아직 고르지 않다. 웹폰트 파일이 무거운 문제도 남아 있다.

다음 단계5장: 간판의 커닝과 본문의 자간을 정한다. 글자 크기와 행간은 6장, 웹폰트 용량은 11장에서 다룬다.

핵심 정리

한글 본문 글꼴의 두 큰 갈래는 명조(바탕, 부리 글꼴)와 고딕(돋움, 민부리 글꼴)이다. 둘을 가르는 특징은 획의 대비와 부리(붓의 흔적인 돌기와 맺음)다.
라틴 세리프 활자는 대비, 강세 축, 세리프 모양으로 올드스타일, 트랜지셔널, 디돈, 슬랩 세리프로 나뉘고, 1816년 무렵 등장한 산세리프는 그로테스크, 지오메트릭, 휴머니스트, 네오그로테스크로 갈래를 이었다.
갈래는 도구와 매체의 변화에서 생겼고, 새 갈래는 앞 갈래를 지우지 않고 쌓인다. 1499년과 1799년의 인쇄면은 펜의 기억과 정밀한 조각·인쇄 기술의 차이를 보여 준다.
분류는 역사적 관습이며 기준(시대, 모양, 쓰임)이 섞여 있고 경계가 흐리다. 분류는 설명의 말과 후보를 찾는 출발점을 줄 뿐 판단을 대신하지 않는다.
같은 크기에서 명조의 가는 가로획은 고딕보다 화소 수가 적어, 해상도가 낮은 화면에서 먼저 흐려진다. 인쇄 해상도에서는 그 차이가 거의 문제 되지 않는다.
글꼴은 무엇을 전하려는가, 어디서 어떤 크기로, 얼마나 길게, 필요한 글자와 굵기가 있는가, 라이선스가 허락하는가를 묻고 자리마다 고른다.

확인 퀴즈

1. 한글 명조와 고딕을 가르는 특징으로 가장 알맞은 것은?

두 갈래를 가르는 것은 획의 대비와 부리다. 받침의 유무는 글자(음절)의 문제이지 글꼴 갈래와 상관없고, 네모틀·탈네모틀은 글자 틀의 문제로 명조에도 고딕에도 둘 다 있다. 명조도 화면에 표시할 수 있으며, 다만 작은 크기·낮은 해상도에서 가는 획이 흐려지기 쉽다.

2. 굵은 기둥과 머리카락처럼 가는 가로획이 극단적으로 대비되고, o의 가장 가는 부분이 정확히 위아래에 놓이며, 세리프가 브래킷 없는 가는 선인 라틴 활자의 갈래는?

극단적인 대비, 수직 강세 축, 가는 세리프는 18세기 말~19세기 초 디도와 보도니의 활자, 곧 디돈의 특징이다. 올드스타일은 대비가 작고 축이 기울며 세리프가 브래킷으로 이어진다. 슬랩 세리프는 대비가 작고 세리프가 두툼하다. 지오메트릭 산세리프에는 세리프가 없다.

3. 같은 16px 문장을 보통 해상도(1×) 화면에 띄웠더니 명조는 흐릿하고 고딕은 또렷했다. 가장 알맞은 설명은?

같은 크기에서 명조의 가로획은 고딕보다 가늘어, 낮은 해상도에서는 화소보다 가늘어지고 옅게 번진다. 고해상도 화면이나 인쇄에서는 이 차이가 줄어든다. "항상 30% 느리다" 같은 일반적인 수치는 근거가 없다. 가독성 연구의 결과는 조건에 따라 엇갈린다(7장).

4. 글꼴 분류에 대한 설명으로 옳은 것은?

분류 이름은 꼴이 생긴 뒤에 붙었고 시대·모양·쓰임 같은 기준이 섞여 있다. 경계에 선 글꼴이 많고, 새 갈래는 앞 갈래를 지우지 않고 쌓인다. "모던"(디돈)은 18세기 말~19세기 초의 활자를 가리킨다.

출처와 글꼴

그림 3: 「힙네로토마키아 폴리필리」(베네치아, 알두스 마누티우스, 1499), 메트로폴리탄 미술관 365313. 그림 4: 호라티우스 「작품집」(파리, 피에르 디도, 1799), 메트로폴리탄 미술관 351789. 모두 The Met Open Access(CC0).
라틴 활자의 갈래와 연대(젠슨 1470, 알두스·그리포 1490년대, 가라몽 16세기, 배스커빌 1750년대, 디도·보도니 18세기 말, 슬랩 세리프 1810년대, 캐즐런 4세의 산세리프 1816, 푸투라 1927, 길 산스 1928, 헬베티카·유니버스 1957)와 복스-ATypI 분류(1954년 제안, 1962년 채택)는 활자사의 일반적인 서술을 요약했다. 연도는 대표 활자 기준의 어림이다.
명조·고딕, 바탕·돋움, 부리·민부리, 궁체·판본체의 명칭과 유래는 한국 타이포그래피의 일반적인 설명을 요약했다.
명조·고딕 모형, 라틴 갈래 모형과 갈래 판정 거리, 회색값과 획 굵기 측정 방법은 이 책이 만든 교육용 모형이다.
글꼴(모두 SIL Open Font License 1.1, Google Fonts에서 불러옴): Noto Serif KR, Noto Sans KR(Google·Adobe의 Source Han Serif/Sans 계열, 200~900·100~900), Gowun Batang(류양희, 2021, 400·700), Nanum Pen Script(NHN, 산돌커뮤니케이션 디자인, 2010, 400). 네 글꼴 모두 한글 음절 11,172자를 담고 있음을 글꼴 파일에서 확인했다(2026년 10월).