한글 페어링 · 큐레이션

검은고딕+코트라 볼드

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

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

A:검은고딕· 제작 Zess Type|B:코트라 볼드· 제작 코트라

→ 각 폰트 종합 가이드: 검은고딕 가이드·코트라 볼드 가이드

평가 결과 · 2개 케이스

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

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

54제목 검은고딕 · 본문 코트라 볼드

검은고딕B=제목용

제작Zess Type상업 무료다운로드

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

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

묵직한 문장이 시대의 무게를 짊어진다

코트라 볼드는 700 무게의 디스플레이 성격이라 긴 본문보다는 짧은 강조 문단·인용구에 적합하며, 검은고딕은 헤드라인에서 첫눈에 강한 시선을 확보합니다.

분위기: 코트라 볼드가 묵직한 서체적 권위감을 깔고, 검은고딕이 강렬한 헤드라인 임팩트로 톤을 마감합니다. 두 폰트 모두 무게감이 강해 묵직하고 단호한 분위기가 일관됩니다.
대비·계층: serif 700 vs sans 900으로 스타일 대비는 있지만 둘 다 무게가 무거워 위계가 평탄해질 위험이 있어, 제목과 본문 사이 사이즈 차이를 충분히 벌려야 합니다.
추천 용도: 전시 도록 인용 페이지공공 캠페인 포스터 서브 카피출판 표지 부속 문구브랜드 매니페스토 단문 레이아웃

어울리는 영문 폰트

제목AntonBebas NeueArchivo BlackDruk

본문IBM Plex SerifSource SerifMerriweather

검은고딕의 압축된 블랙 인상에는 Anton·Bebas 같은 콘덴스드 헤드라인 산세리프가 어울리고, 코트라 볼드의 묵직한 세리프 본문에는 Plex Serif·Source Serif가 구조적으로 호응합니다.

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

44~56px

26~32px

본문

17~19px

line-height

1.7

어울리는 색상

#1a1a1a

#c8472b

#f3ede2

어울리는 산업 톤

공공기관 신뢰출판 매거진 묵직사회 캠페인 임팩트

42제목 코트라 볼드 · 본문 검은고딕

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

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

+검은고딕B=본문용

제작Zess Type상업 무료다운로드

세계로 뻗어가는 한국의 새 도약

코트라 볼드는 제목으로 충분한 존재감을 가지나, 검은고딕은 무게 900의 극단적 디스플레이체로 본문에 사용하면 가독성이 급격히 떨어집니다.

분위기: 코트라 볼드의 격조 있는 세리프 인상과 검은고딕의 압도적 블록 매스가 한 화면에서 충돌하며 톤이 분산됩니다.
대비·계층: 세리프 vs 산세리프 + 700 vs 900 대비는 강하지만, 둘 다 디스플레이 성격이라 위계가 명확하기보다 시각적 소음으로 읽힙니다.
추천 용도: 수출·무역 캠페인 포스터 표지공공기관 행사 키비주얼임팩트형 단발 홍보물전시 배너 헤드라인

어울리는 영문 폰트

제목Playfair DisplayEB GaramondIBM Plex Serif

본문Source Sans ProInter

코트라 볼드의 클래식 세리프 골격과 어울리도록 라틴도 균형 잡힌 세리프 계열로 매칭하고, 본문은 중립적 산세리프로 정보 전달력을 보완합니다.

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

44~56px

26~32px

본문

17~19px

line-height

1.7

어울리는 색상

#0b3d2e

#c9a96a

#f4efe6

어울리는 산업 톤

공공기관 신뢰무역·수출 캠페인전통과 도약을 강조한 브랜딩

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

@import url('https://fonts.googleapis.com/css2?family=Black+Han+Sans&display=swap');

/* 제목 */
h1, h2, h3 {
  font-family: 'Black Han Sans', sans-serif;
}

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