본문으로 건너뛰기

타이포그래피, 브랜드 서체 고르고 짝짓는 기준

브랜드 타이포그래피는 서체 두 벌과 다섯 값을 정해 한 장에 적는 일입니다. 사용 범위부터 보는 서체 고르기 다섯 줄, 한글 · 영문 짝짓기, 화면 · 인쇄 확인표를 담았습니다.

타이포그래피, 브랜드 서체 고르고 짝짓는 기준 — 식스원 블로그

타이포그래피를 수업 이론이 아니라 회사 실무로 좁히면, 서체를 고르고 다섯 값을 정해 브랜드 가이드 한 장에 적는 일입니다. 서체는 제목용 · 본문용 두 벌이 기본이고, 숫자가 많으면 숫자용을 더합니다. 순서는 쓰는 자리 적기 → 사용 범위로 후보 거르기 → 한글 서체 → 영문 짝 → 다섯 값 → 화면 · 인쇄 시험입니다.

타이포그래피에서 정할 값은 무엇인가요

서체는 글자 모양의 한 가족(예: 어떤 고딕 전체)이고, 폰트는 그 가족의 굵기 하나를 담은 파일입니다. 브랜드 가이드에는 아래 다섯 값을 자리별로 적습니다. 제목과 본문의 차이(위계)는 서체를 늘리지 않고 굵기와 크기로 만듭니다.

값뜻예시 값(제목 / 본문)판단 기준
굵기획 두께, 100(가장 얇음)~900(가장 굵음)700 / 400한 서체에 필요한 굵기가 다 있는지
자간글자 사이 간격, 글자 크기 대비 %-2%(CSS로는 -0.02em) / 0제목은 조금 좁혀 한 덩어리로
행간줄과 줄 사이, 글자 크기의 배수1.2~1.3배 / 1.6~1.8배본문은 1.5배 이상
글줄 길이한 줄에 들어가는 글자 수— / 한글 40자 이하줄이 길면 다음 줄 첫머리를 찾기 어려움
숫자 폭숫자마다 폭이 같은지(고정폭) · 다른지(비례폭)비례폭 / 표 · 가격은 고정폭자릿수가 세로로 맞는지

예시 값은 설명을 위해 가정한 출발점입니다. 행간과 글줄 길이는 W3C 웹 접근성 지침(WCAG 2.2) 1.4.8에 맞췄습니다.

이 기준은 문단 안 행간 1.5배 이상, 글줄 폭 80자(한중일 문자는 40자) 이하를 사용자가 고를 수 있게 하라는 가장 엄격한 AAA 등급이지만, 처음부터 그 안에서 잡으면 따로 손볼 일이 줄어듭니다. 웹 화면의 글자 크기 · 색 대비는 홈페이지 글자 크기와 줄 간격 기준에 따로 있습니다.

브랜드 서체는 무엇을 보고 고르나요

인상은 후보를 추리는 데까지만 쓰고, 결정은 아래 다섯 줄로 합니다. 다섯 줄을 모두 통과한 서체만 남기고, 사용 범위는 가장 먼저 봅니다. 시험까지 마친 서체를 라이선스 때문에 버리지 않기 위해서입니다.

  • 사용 범위 — 서체를 받은 곳의 라이선스 원문에서 로고 · 홈페이지 웹폰트 · 인쇄 · 영상 · 판매 상품에 쓸 수 있는지, 외주 디자이너 · 인쇄소에 파일을 넘겨도 되는지 보고 날짜와 함께 캡처합니다. 네 축으로 나눠 적는 표는 폰트 사용 범위 확인에 있습니다.
  • 한글 글자 수 — 현대 한글 음절은 11,172자이고, 완성형 규격(KS X 1001)은 그중 2,350자만 담습니다. 후보 서체로 「쌰 쎼 쓔 쬬 뢔」를 쳐서, 한 글자라도 모양이 다르거나 네모로 나오면 2,350자 서체입니다. 원인과 대처는 글자 깨짐과 서체 바뀜에 있습니다.
  • 굵기 가짓수 — 적어도 세 단계(예: 400 · 500 · 700)가 있어야 본문 · 강조 · 제목을 한 서체 안에서 나눕니다. 굵기를 숫자로 고르는 가변 글꼴이면 더 편합니다.
  • 숫자와 기호 — 고정폭 숫자, 원화 기호(₩) · % · 화살표가 들어 있는지 봅니다.
  • 화면용 파일 — 웹폰트(WOFF2)를 주는지, 쓰는 글자만 내려받게 나눈 파일(서브셋)이 있는지 봅니다.

무료 한글 서체로 예를 들면, Pretendard는 9가지 굵기 · 가변 글꼴 · 웹용 동적 서브셋을 배포하고, Noto Sans KR은 굵기 100~900의 가변 글꼴로 구글 폰트에서 배포됩니다. 둘 다 SIL 오픈 폰트 라이선스(OFL)입니다(2026년 9월 확인).

OFL은 서체를 쓰고 · 고치고 · 프로그램에 넣어 배포하는 것을 허용하되, 서체 파일만 따로 파는 것과 고친 서체에 원래의 예약된 이름을 붙이는 것을 막습니다. 특정 서체를 권하는 것이 아니라 굵기 · 파일 · 사용 범위를 확인하는 방법의 예입니다.

한글과 영문 서체는 어떻게 짝짓나요

방법은 둘입니다. 한글 서체에 들어 있는 영문을 그대로 쓰거나, 영문만 다른 서체로 따로 지정합니다.

방법좋은 점확인할 것
한글 서체의 영문을 그대로굵기 · 높이가 이미 맞춰져 있음영문 인상이 브랜드와 맞는지, 영문 문장이 긴 자료에서 어색하지 않은지
영문 서체를 따로 지정영문 로고 · 영문 자료의 인상을 따로 정할 수 있음크기 · 굵기 · 기준선 세 가지를 한글에 맞춤

따로 지정할 때는 시험 문장 하나로 세 가지를 맞춥니다. 예를 들어 「브랜드 Brand 2026 ₩39,000」입니다.

  1. 크기 — 같은 포인트로 두면 영문이 한글보다 작거나 커 보이는 경우가 많습니다. 영문 대문자 높이가 한글 글자 높이와 비슷해 보일 때까지 영문 쪽 크기를 조금씩 조정합니다.
  2. 굵기 — 같은 Bold라도 서체마다 획 두께가 다릅니다. 한글 「ㅁ」과 영문 「H」의 세로획을 확대해 비교합니다.
  3. 기준선 — 기준선은 글자가 올라앉는 가상의 줄입니다. 영문이 떠 보이거나 가라앉아 보이면 영문 쪽 기준선을 옮기고, 차이가 크면 다른 영문 서체를 고르는 편이 빠릅니다.

홈페이지에서는 글꼴 목록(font-family)에 영문 서체를 먼저, 한글 서체를 다음에 적으면 영문 서체에 없는 한글만 다음 서체로 그려집니다. 영문 쪽 크기는 @font-face의 size-adjust 값으로 맞추도록 개발자에게 요청합니다.

인쇄 편집 프로그램에서는 한글과 영문에 서로 다른 서체를 묶는 합성 글꼴 기능을 씁니다. 고딕 계열에는 산세리프(획 끝에 돌기가 없는 글꼴) 영문을, 명조 계열에는 세리프(획 끝에 돌기가 있는 글꼴) 영문을 짝지으면 어긋남이 적습니다.

화면과 인쇄에서는 무엇을 확인하나요

후보 서체로 제목 · 본문 · 표 · 숫자 · 영문이 섞인 A4 한 장을 만들어 화면과 종이에서 한 번씩 봅니다. 가장 작은 글자는 실제로 쓸 크기로 찍습니다. 예를 들어 화면 14px, 인쇄 6pt입니다(가정한 값).

확인화면인쇄
가장 작은 글자버튼 · 표 안 글자가 폰에서 흐려지지 않는지명함 · 라벨의 가장 작은 글자에서 획이 붙거나 끊기지 않는지
얇은 굵기300 이하 굵기가 흐리게 보이지 않는지어두운 바탕에 흰 글자(반전)일 때 획이 끊기지 않는지 — 반전 글자는 한 단계 굵게
검정 작은 글자—네 가지 잉크를 섞은 검정 대신 먹 한 가지(K100)로
파일웹폰트 용량과 대체 서체 지정PDF에 서체를 포함하거나 글자를 윤곽선으로 바꿈

자주 묻는 질문

무료 서체로 로고를 만들어도 되나요?

배포처 라이선스 원문에서 로고 · 상표 사용과 글자 모양 수정 두 줄을 찾아 확인하고 캡처합니다. OFL 서체는 쓰기와 고치기를 허용하지만, 무료 서체라도 배포처마다 조건을 따로 적은 경우가 있어 원문으로 봅니다. 로고 글자는 윤곽선으로 바꾼 그림 파일로 넘기고, 쓴 서체 이름과 라이선스 캡처를 로고 폴더에 함께 둡니다.

브랜드 전용 서체를 따로 만들어야 하나요?

처음에는 기존 서체를 쓰고 로고 글자만 다듬는 것으로 충분합니다. 한글 전용 서체는 현대 한글 11,172자를 모두 담으려면 그릴 글자가 많아 제작 기간과 비용이 큽니다. 여러 채널에서 오래 대량으로 쓰는데 기존 서체의 사용 범위나 비용이 계속 걸린다면 제목용 한 벌부터 만듭니다.

고정폭 숫자는 어디에 쓰나요?

가격표 · 표 · 대시보드 · 영수증처럼 숫자를 세로로 맞춰 읽는 자리에 씁니다. 숫자마다 폭이 같아 자릿수가 가지런히 줄을 섭니다. 홈페이지에서는 CSS의 font-variant-numeric: tabular-nums로 켜고(오픈타입 기능 tnum), 편집 프로그램에서는 오픈타입 설정에서 고정폭 숫자를 고릅니다. 서체에 이 기능이 없으면 켜도 바뀌지 않으니 고를 때 먼저 봅니다.

오늘 할 일

지금 회사 문서 · 홈페이지 · 상세페이지 · 명함에 쓰인 서체를 모두 적고, 제목용 · 본문용 가운데 어느 쪽인지 표시하십시오. 어느 쪽에도 넣지 못한 서체가 정리할 대상입니다.

이어서 읽기 — 한글 로고, 글자를 다듬어 로고로 만드는 기준 · 배너 제작, X배너·롤업 규격표와 글자 크기표 · 상업용 무료 폰트, 배포처별 사용 범위 비교표

FacebookX

이 글과 맞는 서비스

이어서 읽기

블로그 전체 글 목록 →

카카오톡 상담식스원 고객센터 카카오톡 채널 (새 창)