한글 페어링 · 큐레이션

함초롬바탕+빛의 계승자

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

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

A:함초롬바탕· 제작 한컴|B:빛의 계승자· 제작 엔젤게임즈

→ 각 폰트 종합 가이드: 함초롬바탕 가이드·빛의 계승자 가이드

평가 결과 · 2개 케이스

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

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

58제목 빛의 계승자 · 본문 함초롬바탕

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

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

+함초롬바탕A=본문용ⓘ 미리보기는 프리텐다드

제작한컴비상업 무료다운로드

오래된 양피지에 새겨진 약속의 이름

함초롬바탕은 획 굵기 대비가 안정적이고 자소 균형이 좋아 긴 본문에 적합하며, 빛의 계승자는 장식성이 강해 짧은 제목·표제에서만 가독성이 유지된다.

분위기: 함초롬바탕의 단정하고 고전적인 정서에 빛의 계승자의 판타지·중세풍 장식성이 더해져 서사적이고 신비로운 톤을 만든다.
대비·계층: 정통 명조 본문과 디스플레이 장식체 제목의 분류 대비가 크고 인상이 명확히 갈려 위계는 분명하나 분위기 결이 달라 주제 선정이 중요하다.
추천 용도: 판타지 웹소설 본문 레이아웃RPG 게임 세계관 소개 페이지역사·고전 기반 출판물 내지보드게임 룰북 본문테마형 전시 도록

어울리는 영문 폰트

제목CinzelTrajan ProPlayfair Display

본문EB GaramondSource Serif

빛의 계승자의 중세·판타지 장식성에는 Cinzel·Trajan 같은 클래식 로마자 디스플레이가, 함초롬바탕 본문에는 고전 세리프인 EB Garamond·Source Serif가 정서적으로 맞물린다.

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

36~44px

22~26px

본문

16~18px

line-height

1.7

어울리는 색상

#2b1d12

#a8884f

#f3ead7

어울리는 산업 톤

판타지 게임 세계관고전 출판 서사역사·문화 콘텐츠

32제목 함초롬바탕 · 본문 빛의 계승자

함초롬바탕A=제목용ⓘ 미리보기는 프리텐다드

제작한컴비상업 무료다운로드

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

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

오래된 서고에서 빛의 문장을 발견했다

제목의 함초롬바탕은 정통 본문 명조체라 큰 사이즈에서 다소 평이하고, 본문에 디스플레이 폰트인 빛의 계승자를 쓰면 긴 글 가독성이 크게 떨어집니다.

분위기: 함초롬바탕의 단정하고 고전적인 명조 인상과 빛의 계승자의 판타지 장식체 분위기가 서로 다른 세계관을 형성해 톤 충돌이 발생합니다.
대비·계층: 두 폰트 모두 장식성·강세가 약하거나 과해 위계 대비는 만들어지지만 본문 가독성을 희생한 비대칭 대비입니다.
추천 용도: 판타지 게임 이벤트 포스터웹소설 표지 타이틀단편 인용구 그래픽전시 키비주얼 보조 카피

어울리는 영문 폰트

제목EB GaramondSource SerifPlayfair Display

본문LoraMerriweather

함초롬바탕의 고전 명조 인상에 맞춰 전통 세리프 계열 영문을 합성하면 안정적인 위계를 유지할 수 있습니다.

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

36~44px

24~28px

본문

17~19px

line-height

1.7

어울리는 색상

#2b2238

#a88b5c

#f3ede1

어울리는 산업 톤

판타지 게임 그래픽웹소설·출판 키비주얼전시 포스터

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

/* 함초롬바탕 또는 빛의 계승자의 공식 CDN이 없어 Pretendard로 fallback 처리 */
@import url('https://cdn.jsdelivr.net/gh/orioncactus/[email protected]/dist/web/variable/pretendardvariable.min.css');

/* 제목 */
h1, h2, h3 {
  font-family: 'Pretendard Variable', sans-serif;
}

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