designnews

한글 페어링 · 큐레이션

검은고딕+코트라 볼드

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

평가 케이스
2개
평균 점수
39점
관련 페어
6개
A:검은고딕· 제작 Zess Type|B:코트라 볼드· 제작 코트라

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

평가 결과 · 2개 케이스

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

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

42제목 검은고딕 · 본문 코트라 볼드
검은고딕B=제목용
제작Zess Type상업 무료다운로드
+코트라 볼드A=본문용ⓘ 미리보기는 프리텐다드
제작코트라상업 무료다운로드
현대적 우아함과 강렬한 임팩트의 만남

두 폰트 모두 display 분류로 본문 장문 읽기에 부적합합니다. 코트라 볼드는 세리프 디스플레이로 긴 문장에서 가독성이 떨어지며, 검은고딕 900은 제목용으로도 과도하게 무겁습니다.

분위기
코트라 볼드의 우아한 세리프와 검은고딕의 강렬한 산업적 무게감이 충돌하여 일관된 톤을 형성하지 못합니다. 세리프 디스플레이와 산스 디스플레이의 분위기 불일치가 두드러집니다.
대비·계층
weight 대비(700 vs 900)는 충분하지만, serif vs sans의 구조적 차이와 display 성격의 중복으로 인해 정보 위계가 명확하지 않습니다. 둘 다 강한 존재감으로 경쟁 관계를 형성합니다.
추천 용도
포스터·광고 헤드라인 (짧은 카피 전용)브랜드 로고타입 조합 (매우 제한적)패키징 디스플레이 (단어 단위만)

어울리는 영문 폰트

제목Playfair DisplayEB GaramondMerriweather
본문InterSource Sans Pro

코트라 볼드의 클래식 세리프 톤에는 Playfair Display 같은 고급스러운 세리프 영문이 어울리며, 검은고딕의 강렬함을 보완하려면 중립적 sans(Inter, Source Sans Pro)를 별도로 고려해야 합니다.

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

h1
48~64px
h2
32~40px
본문
16~18px
line-height
1.6

어울리는 색상

#1a1a1a
#d4af37
#f5f1ed

어울리는 산업 톤

럭셔리 브랜드 (제한적)공공기관 공식 문서 (비권장)
35제목 코트라 볼드 · 본문 검은고딕
코트라 볼드A=제목용ⓘ 미리보기는 프리텐다드
제작코트라상업 무료다운로드
+검은고딕B=본문용
제작Zess Type상업 무료다운로드
대담한 제목과 강렬한 본문

검은고딕 900은 본문용으로 극도로 부적합합니다. 글자가 너무 굵어 긴 문장 읽기에 피로도가 높고, 제목용 코트라 볼드도 세리프 디스플레이 특성상 소문자 본문에는 가독성이 떨어집니다.

분위기
코트라 볼드의 세리프 우아함과 검은고딕의 극단적 무게감(900)이 충돌하여 일관된 분위기를 형성하지 못합니다. 세리프 디스플레이와 초고무게 산세리프의 톤 차이가 너무 큽니다.
대비·계층
두 폰트 모두 display 급 무게와 크기를 가지고 있어 제목-본문 간 명확한 위계 대비를 만들 수 없습니다. 무게 차이(700 vs 900)가 오히려 본문을 더 강조하는 역효과를 냅니다.
추천 용도
포스터·배너 (두 폰트 모두 디스플레이 용도에만 제한)짧은 슬로건 조합 (제목과 서브 슬로건 같은 극소수 텍스트만 가능)실무 본문 페이지는 비권장

어울리는 영문 폰트

제목Playfair DisplayEB GaramondLora
본문InterSource Sans Pro

코트라 볼드의 세리프 우아함에는 클래식 디스플레이 세리프(Playfair, EB Garamond)가 어울리고, 본문이 필요하면 검은고딕 대신 가벼운 산세리프(Inter, Source Sans Pro Regular~Medium)로 교체하여 명확한 위계를 확보해야 합니다.

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

h1
48~64px
h2
32~40px
본문
16~18px
line-height
1.6

어울리는 색상

#2c2c2c
#d4a574
#f9f7f4

어울리는 산업 톤

럭셔리 출판 (매거진·카탈로그)문화·예술 이벤트

구현 코드 · 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;
}

관련 페어 · 같은 폰트 포함

검은고딕 또는 코트라 볼드 들어간 다른 인기 페어