한글 페어링 · 큐레이션

코트라 도약+서울 한강

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

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

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

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

평가 결과 · 2개 케이스

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

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

74제목 코트라 도약 · 본문 서울 한강

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

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

+서울 한강B=본문용

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

세계로 도약하는 한국의 새로운 가능성

코트라 도약은 굵은 획과 또렷한 골격으로 제목에서 강한 주목성을 확보하고, 서울 한강은 균일한 자형과 적절한 속공간으로 본문 가독성이 안정적입니다.

분위기: 코트라 도약의 진취적이고 무게감 있는 세리프가 제목을 주도하고, 서울 한강의 단정하고 균형 잡힌 산세리프가 본문을 차분히 받쳐 공공·기업 커뮤니케이션에 적합한 신뢰감 있는 톤을 형성합니다.
대비·계층: 세리프 제목과 산세리프 본문의 분류 대비가 명확하고, 도약 400과 한강 300~400 본문의 굵기 차이도 위계를 분명하게 만들어 정보 구조가 잘 드러납니다.
추천 용도: 공공기관 캠페인 포스터기업 IR·연차보고서 표지수출·무역 관련 브로슈어지자체 정책 안내 웹페이지B2B 컨퍼런스 키비주얼

어울리는 영문 폰트

제목Source SerifIBM Plex SerifEB GaramondMerriweather

본문InterIBM Plex SansSource Sans Pro

도약의 진중한 세리프 골격은 IBM Plex Serif·Source Serif와 구조적 톤이 맞고, 한강의 모던 산세리프는 Inter·Plex Sans와 x-height 및 균형감이 자연스럽게 호응합니다.

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

40~52px

24~30px

본문

16~18px

line-height

1.65

어울리는 색상

#0f2a4a

#c8a464

#f4f1ec

어울리는 산업 톤

공공기관 신뢰B2B 무역·수출 전문성기업 IR 정중함

72제목 서울 한강 · 본문 코트라 도약

서울 한강B=제목용

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

+코트라 도약A=본문용ⓘ 미리보기는 프리텐다드

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

도약하는 한국 경제, 그 현장의 이야기

코트라 도약은 획 대비가 안정적이라 긴 본문에 무리 없이 적합하며, 서울 한강은 700 웨이트에서 또렷한 헤드라인 임팩트를 보장한다.

분위기: 코트라 도약의 진중한 세리프 본문 위에 서울 한강의 모던하고 깨끗한 디스플레이 산세리프가 강조 제목으로 얹혀, 공공성과 도시적 세련됨이 균형을 이룬다.
대비·계층: 세리프 본문과 산세리프 디스플레이 제목의 형태 대비가 명확해, 굵기 차이까지 더하면 정보 위계가 자연스럽게 구분된다.
추천 용도: 공공기관 정책 리포트도시 브랜딩 브로슈어문화재단 발간물전시 도록 본문 페어

어울리는 영문 폰트

제목InterManropeGeist

본문Source SerifIBM Plex Serif

서울 한강의 기하학적 산세리프 제목에는 모던한 Inter·Manrope 계열이, 코트라 도약 본문에는 차분한 Source Serif류 세리프가 구조적으로 자연스럽게 합성된다.

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

36~44px

22~26px

본문

16~18px

line-height

1.7

어울리는 색상

#1a2a4a

#3d7ea6

#f4f1ea

어울리는 산업 톤

공공기관 신뢰도시 브랜딩문화·전시 매거진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;
}