한글 페어링 · 큐레이션

검은고딕+빛의 계승자

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

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

A:검은고딕· 제작 Zess Type|B:빛의 계승자· 제작 엔젤게임즈

→ 각 폰트 종합 가이드: 검은고딕 가이드·빛의 계승자 가이드

평가 결과 · 2개 케이스

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

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

42제목 검은고딕 · 본문 빛의 계승자

검은고딕B=제목용

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

+빛의 계승자A=본문용ⓘ 미리보기는 프리텐다드

제작엔젤게임즈상업 무료다운로드

빛의 계승자가 검은고딕을 만났을 때

빛의 계승자는 display 폰트로 본문 역할에 부적합하며, 긴 글 읽기에 최적화되지 않았습니다. 검은고딕은 weight 900으로 제목 역할에는 강력하지만 본문 폰트로는 과도합니다.

분위기: 빛의 계승자는 우아하고 섬세한 디스플레이 폰트이고, 검은고딕은 강렬하고 무거운 디스플레이 폰트로, 두 폰트의 인상이 상충하여 일관된 톤을 형성하기 어렵습니다.
대비·계층: weight 차이(400 vs 900)는 극단적이지만, 두 폰트 모두 display 성격이라 정보 위계보다는 시각적 충돌을 야기합니다.
추천 용도: 포스터·배너 같은 단문 디스플레이 (제목만 사용)게임 UI 타이틀 (검은고딕)아트북·갤러리 카탈로그 (제목 중심)

어울리는 영문 폰트

제목Playfair DisplayManropePlus Jakarta Sans

본문InterSource Sans Pro

빛의 계승자의 우아함을 살리려면 serif 디스플레이(Playfair)나 모던 sans(Manrope)가 어울리고, 검은고딕의 강렬함을 보완하려면 중성적 sans(Inter, Source Sans Pro)가 필요합니다.

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

48~64px

32~40px

본문

16~18px

line-height

1.6

어울리는 색상

#1a1a1a

#d4af37

#f5efe6

어울리는 산업 톤

게임·엔터테인먼트 판타지럭셔리 라이프스타일

28제목 빛의 계승자 · 본문 검은고딕

빛의 계승자A=제목용ⓘ 미리보기는 프리텐다드

제작엔젤게임즈상업 무료다운로드

+검은고딕B=본문용

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

우아한 제목과 강렬한 본문의 불균형

검은고딕 900은 본문용으로 극도로 부적합하며, 빛의 계승자 400은 제목으로 사용 시 무게감이 부족해 정보 위계가 역전된다.

분위기: 빛의 계승자는 우아하고 섬세한 디스플레이 폰트인 반면, 검은고딕은 극도로 무겁고 강렬한 고딕체로, 두 폰트의 분위기가 근본적으로 충돌한다.
대비·계층: 무게 대비는 극단적이지만(400 vs 900), 이는 위계 혼란을 야기한다. 제목이 더 가벼우면 본문이 더 무거워 보이는 역설적 상황이 발생한다.
추천 용도: 매우 제한적 - 극도의 콘트라스트를 의도한 실험적 포스터/아트 디렉션에만 가능한 폰트를 accent/강조 용도로 극소량 사용하는 경우에만 고려일반 웹/출판/UI 프로젝트에는 비권장

어울리는 영문 폰트

제목Playfair DisplayEB GaramondManrope Light

본문InterRoboto

빛의 계승자의 우아한 톤에는 serif 디스플레이(Playfair)가 어울리고, 검은고딕 대신 본문용 sans로는 가독성 높은 Inter/Roboto를 권장한다.

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

36~44px

20~24px

본문

14~16px

line-height

1.5

어울리는 색상

#1a1a1a

#d4a574

#f5efe6

어울리는 산업 톤

실험적 아트/갤러리극단적 콘트라스트 의도 프로젝트

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