한글 페어링 · 큐레이션

검은고딕+빛의 계승자

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

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

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

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

평가 결과 · 2개 케이스

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

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

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

검은고딕B=제목용

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

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

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

빛을 이은 자, 새벽을 가른다

빛의 계승자는 장식성이 강해 본문으로 사용 시 긴 글에는 부적합하며, 짧은 카피나 인용구 정도에서 가독성이 유지됩니다. 검은고딕 제목은 무게감으로 시선을 즉시 사로잡습니다.

분위기: 빛의 계승자가 만들어내는 판타지·서사적 분위기를 검은고딕의 묵직한 헤드라인이 강하게 받쳐주며, 두 폰트 모두 디스플레이 성격이 강해 극적인 톤이 형성됩니다.
대비·계층: weight 400 vs 900의 큰 격차와 디스플레이 vs 강한 산세리프 대비로 위계는 매우 명확하지만, 두 폰트 모두 개성이 강해 정보 위계보다 시각적 충돌이 부각될 수 있습니다.
추천 용도: 게임 이벤트 페이지 인트로 카피웹툰 프로모션 배너판타지 콘텐츠 표지엔터테인먼트 굿즈 패키지

어울리는 영문 폰트

제목AntonBebas NeueArchivo BlackOswald

본문CinzelCormorant GaramondEB Garamond

검은고딕의 두꺼운 임팩트는 Anton·Bebas Neue 같은 컨덴스드 블랙과 짝이 맞고, 빛의 계승자의 서사적 디스플레이 감성은 Cinzel·Cormorant 같은 클래식 세리프와 어울립니다.

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

44~56px

26~32px

본문

17~19px

line-height

1.7

어울리는 색상

#1a1a1a

#c8a96a

#f3ede2

어울리는 산업 톤

게임 판타지엔터테인먼트 임팩트웹툰·콘텐츠 프로모션

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

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

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

+검은고딕B=본문용

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

잊혀진 빛의 계승자가 깨어난다

빛의 계승자는 디스플레이 특성상 제목 크기에서 인상은 강하나 작게 쓰면 가독성이 급락합니다. 검은고딕 900은 본문으로 쓰기엔 자획이 두꺼워 긴 문장 가독성이 떨어집니다.

분위기: 빛의 계승자의 판타지·장식적 인상과 검은고딕의 극단적 블록형 무게감이 한 화면에서 톤이 충돌합니다. 제목은 서사적·환상적인데 본문이 너무 묵직해 위계보다 긴장이 먼저 느껴집니다.
대비·계층: 두 폰트 모두 강한 개성을 가져 대비라기보다 경쟁 구도가 됩니다. 정보 위계는 사이즈로 억지로 만들어야 하며 자연스러운 계층이 형성되지 않습니다.
추천 용도: 게임 이벤트 키비주얼 제목판타지 웹툰 표지 헤드라인굿즈·포스터 단발성 카피이벤트 배너 임팩트 타이포

어울리는 영문 폰트

제목CinzelTrajan ProPlayfair DisplayCormorant Garamond

본문Archivo BlackAnton

빛의 계승자는 서사적 세리프 라틴과, 검은고딕은 동일한 블록형 매스를 가진 컨덴스드 라틴과 결합해야 인상이 일관됩니다.

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

44~60px

26~32px

본문

16~18px

line-height

1.7

어울리는 색상

#1a1a1a

#c9a96e

#f3ede2

어울리는 산업 톤

게임 판타지이벤트 프로모션엔터테인먼트 임팩트

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