세리프 vs 산세리프 차이: 무엇을 언제 선택해야 할까?

세리프와 산세리프를 구분하는 방법

세리프는 글자의 주요 획 끝에 붙는 작은 마무리 획입니다. Georgia, Garamond, Baskerville, Times New Roman에서는 대문자 I의 위아래와 n, h, T 끝에서 쉽게 확인할 수 있습니다. 그렇다고 모든 세리프가 같은 인상을 주는 것은 아닙니다. 올드스타일, 트랜지셔널, 디돈, 슬랩 세리프는 따뜻함, 격식, 화려함, 견고함처럼 서로 다른 목소리를 냅니다.

산세리프는 말 그대로 세리프가 없다는 뜻입니다. Helvetica, Arial, Inter, Roboto, Futura가 대표적이지만 표현은 서로 다릅니다. 기하학적 산세리프는 구조적이고, 휴머니스트 계열은 개방적이며 친근하고, 그로테스크 계열은 중립적으로 보일 수 있습니다. 따라서 ‘세리프는 옛날, 산세리프는 현대’라는 구분만으로는 충분하지 않습니다.

먼저 I, l, E, T, n, h의 획 끝을 보고, 그다음 엑스하이트, 속공간의 열림, 획 대비, 너비, a, g, R, Q의 형태를 비교합니다. 실제 가독성과 분위기는 큰 분류보다 이러한 세부 설계에 더 크게 좌우됩니다. 한글과 함께 쓸 때는 명조 계열 또는 고딕 계열과의 조화, 기준선, 숫자와 영문의 비율도 실제 문장으로 확인해야 합니다.

• 세리프: 획 끝 장식이 보이며 가늘거나 묵직할 수 있습니다.
• 산세리프: 끝맺음이 단순하며 기하학·그로테스크·휴머니스트 계열로 나뉩니다.
• 슬랩 세리프: 굵고 네모난 세리프로 강한 인상을 냅니다.
• 세미 세리프: 두 분류의 경계가 항상 명확하지 않음을 보여 줍니다.

세리프 vs 산세리프 한눈에 비교

분류는 후보를 좁히는 출발점이지 결론이 아닙니다. 일반적인 경향을 참고한 뒤 실제 콘텐츠로 각 글꼴을 시험하세요.

가독성은 세리프와 산세리프 중 어느 쪽이 좋을까?

항상 이기는 쪽은 없습니다. ‘인쇄는 세리프, 화면은 산세리프’라는 규칙은 오랜 관습을 설명하지만 절대 법칙은 아닙니다. 많은 본문용 세리프는 책의 긴 글을 위해 설계되었습니다. 산세리프는 단순한 형태가 낮은 해상도에서도 유지되기 쉬워 안내 표지와 초기 화면에서 널리 쓰였습니다. 오늘날의 고해상도 화면은 두 분류를 모두 선명하게 표현할 수 있습니다.

긴 글을 편하게 처리하는 능력과 개별 문자를 구별하는 능력은 관련되지만 같은 문제는 아닙니다. 넉넉한 엑스하이트, 열린 속공간, I·l·1의 분명한 차이, 적절한 자간, 제대로 설계된 굵은 글꼴과 기울임꼴은 어느 분류에서나 도움이 됩니다. 유행하는 글꼴이라도 간격이 지나치게 좁거나 획 대비가 극단적이면 본문에서 실패할 수 있습니다.

실제 단어를 예정된 최소 크기로 시험해야 합니다. 17픽셀 문단은 작은 레이블, 멀리서 보는 표지판, 인쇄 잡지 제목과 조건이 다릅니다. 줄 길이, 줄 간격, 대비, 숫자, 문장부호, 악센트 문자와 필요한 모든 문자 체계를 확인하세요. 한글 본문에서는 자모의 속공간, 받침이 많은 문장, 영문·숫자 혼용도 함께 봐야 합니다.

접근성은 전체 타이포그래피 체계에서 만들어집니다. 충분한 크기, 색 대비, 글자와 줄의 간격, 예측 가능한 위계, 확대 지원, 비슷한 문자의 구분을 함께 제공해야 합니다. 글꼴 분류 하나만으로 접근성을 보장한다고 말할 수 없습니다.

용도별 세리프와 산세리프 선택

업무에 맞기 쉬운 분류에서 시작하되, 개별 글꼴을 검증해 확정합니다. 일반적인 권장 사항을 금지 규칙으로 바꾸지 마세요.

5단계로 알맞은 글꼴 선택하기

큰 단어 하나만 보지 말고 실제 콘텐츠를 넣은 작은 견본으로 비교하는 편이 정확합니다.

1. 업무와 독자를 정의합니다. 매체, 보는 거리, 읽는 시간, 언어, 분위기, 제목·본문·레이블 같은 역할을 정리합니다.
2. 필요한 굵기, 기울임꼴, 숫자, 기호, 언어를 갖춘 세리프와 산세리프를 각각 2~3개 고릅니다.
3. 같은 실제 콘텐츠를 조판합니다. 제목, 문단, 목록, 버튼, 숫자, 문장부호와 헷갈리는 문자 쌍을 같은 시각적 크기로 비교합니다.
4. 모바일 줄바꿈, 확대, 낮은 대비, 대체 글꼴, 느린 로딩, 저가 인쇄처럼 까다로운 조건을 시험합니다.
5. 선택한 패밀리, 굵기, 크기, 줄 간격, 줄 길이, 대체 글꼴과 각 요소의 역할을 문서화합니다.

세리프와 산세리프를 함께 써도 될까?

가능합니다. 표현력 있는 세리프를 제목에, 차분한 산세리프를 본문과 인터페이스에 쓰면 위계가 분명해집니다. 반대로 힘 있는 산세리프 제목과 읽기 편한 세리프 본문을 조합하면 구조와 따뜻함을 함께 만들 수 있습니다.

엑스하이트, 너비, 획의 리듬, 곡선, 숫자와 문장부호를 비교하고 각 패밀리에 안정적인 역할을 부여합니다. 두 글꼴이 모두 강하면 서로 경쟁하고, 너무 비슷하면 로딩 비용만 늘어나고 대비는 생기지 않습니다.

Noto Serif와 Noto Sans 같은 슈퍼패밀리는 비율과 폭넓은 문자 지원이 연결되어 다국어 작업에 편리합니다. 서로 다른 패밀리는 더 개성 있을 수 있지만 모든 언어와 대체 표시 상태에서 시험해야 합니다.

흔한 선택 실수

분류를 고른 뒤 알맞은 도구 사용하기

스크린샷에서 시작한다면 폰트 감지 도구. 두 번째 글꼴을 고를 때는 폰트 조합 가이드. 웹사이트의 계산된 글자 크기를 확인할 때는 폰트 크기 감지 도구.

자주 묻는 질문