한글 페어링 · 큐레이션

코트라 볼드+서울 한강

두 한글 폰트의 큐레이션·점수화 페어링. 어울리는 영문 폰트, 권장 사이즈, 색상 팔레트, 산업 톤까지 한 페이지에서.

평가 케이스: 2개
평균 점수: 42점
관련 페어: 6개

A:코트라 볼드· 제작 코트라|B:서울 한강· 제작 서울특별시

→ 각 폰트 종합 가이드: 코트라 볼드 가이드·서울 한강 가이드

평가 결과 · 2개 케이스

제목·본문 컨텍스트별 페어 분석

점수, 어울리는 영문 폰트, 권장 크기, 색상 팔레트를 케이스별로.

42제목 코트라 볼드 · 본문 서울 한강

코트라 볼드A=제목용ⓘ 미리보기는 프리텐다드

제작코트라상업 무료다운로드

+서울 한강B=본문용

제작서울특별시상업 무료다운로드

서울의 새로운 도시 정책을 소개합니다.

두 폰트 모두 display 분류로 본문 가독성에 최적화되지 않았다. 서울 한강 Light(300)을 본문에 사용할 경우 긴 문장에서 가독성 저하 위험이 있으며, 코트라 볼드 제목과의 무게 대비만으로는 정보 위계 수립이 약하다.

분위기: 코트라 볼드의 강직한 serif 디스플레이와 서울 한강의 현대적 sans-serif 디스플레이가 분위기 충돌을 일으킨다. 전자는 공식·위엄, 후자는 친근·개방성을 동시에 전달하려 하면서 톤이 산만해진다.
대비·계층: 코트라 볼드(700 serif)와 서울 한강(300~400 sans)의 무게 대비는 충분하나, serif vs sans의 구조적 대비가 제목-본문 관계보다는 '서로 다른 시스템' 인상을 강하게 준다. 같은 display 분류 내에서 톤 통일이 부족하다.
추천 용도: 공공기관 공식 문서 (정부·지자체 보도자료, 공고)정부 캠페인·포스터 (제목 강조 필요 시)B2B 공식 보고서 (표지·섹션 제목만)

어울리는 영문 폰트

제목IBM Plex SerifSource Serif ProEB Garamond

본문IBM Plex SansSource Sans Pro

코트라 볼드의 serif 무게감에는 IBM Plex Serif 같은 정중한 serif 영문이 어울리고, 서울 한강의 현대 sans와 조화하려면 IBM Plex Sans나 Source Sans Pro 같은 중립적 sans-serif가 필요하다. 하지만 두 폰트를 동시에 사용하면 serif-sans 혼재로 인한 시각적 충돌이 여전하다.

권장 사이즈 (한국어 기준)

48~56px

28~32px

본문

16~18px

line-height

1.6

어울리는 색상

#1a1a1a

#d4a574

#f5f5f5

어울리는 산업 톤

공공기관 신뢰성정부 공식 커뮤니케이션

42제목 서울 한강 · 본문 코트라 볼드

서울 한강A=제목용

제작서울특별시상업 무료다운로드

+코트라 볼드B=본문용ⓘ 미리보기는 프리텐다드

제작코트라상업 무료다운로드

서울의 강변에서 시작되는 새로운 무역 이야기

코트라 볼드는 700 무게의 display serif로만 제공되어 본문 가독성이 심각하게 저하된다. 긴 문장 읽기에 부적합하며, 서울 한강 300~400으로도 본문 대비 충분한 시각적 휴식을 제공할 수 없다.

분위기: 서울 한강의 모던하고 개방적인 sans-serif 분위기와 코트라 볼드의 무거운 serif display 톤이 충돌하여 일관된 브랜드 정체성을 형성하기 어렵다. 제목용 sans와 본문용 serif display의 조합은 위계 역전을 초래한다.
대비·계층: 두 폰트 모두 display급 특성을 가져 제목-본문 간 명확한 계층이 형성되지 않는다. 코트라 볼드의 700 단일 무게는 서울 한강의 weight 다양성(300/400/700)과 대비되지 않으며, serif-sans 구조 대비만으로는 부족하다.
추천 용도: 포스터·배너 등 단문 디스플레이 (제목만 사용)인포그래픽 제목-부제목 (본문 폰트 교체 필수)공공기관 공식 문서 (코트라 본문 역할 재검토 필요)

어울리는 영문 폰트

제목InterRobotoPlus Jakarta Sans

본문Source SerifLora

서울 한강(sans)과 매칭하려면 neutral한 sans 영문(Inter, Roboto)을 권장하고, 코트라 볼드 대체 본문용으로는 serif 가독성 폰트(Source Serif, Lora)가 필수다. 현재 페어는 본문 폰트 재선택이 강력히 권고된다.

권장 사이즈 (한국어 기준)

48~56px

28~32px

본문

16~18px

line-height

1.65

어울리는 색상

#1a1a1a

#0066cc

#f5f5f5

어울리는 산업 톤

공공기관 신뢰성B2B 무역·정부

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

폰트의 공식 CDN을 자동 매핑. 그대로 복사해서 프로젝트에 붙여 넣으세요.

@import url('https://cdn.jsdelivr.net/gh/fonts-archive/SeoulHangang/subsets/SeoulHangang-dynamic-subset.css');

/* 제목 */
h1, h2, h3 {
  font-family: 'Pretendard Variable', sans-serif;
}

/* 본문 */
body, p {
  font-family: 'Seoul Hangang', sans-serif;
}