한글 페어링 · 큐레이션

푸른전남체+함초롬바탕

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

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

A:푸른전남체· 제작 전라남도|B:함초롬바탕· 제작 한컴

→ 각 폰트 종합 가이드: 푸른전남체 가이드·함초롬바탕 가이드

평가 결과 · 2개 케이스

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

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

74제목 함초롬바탕 · 본문 푸른전남체

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

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

+푸른전남체B=본문용ⓘ 미리보기는 프리텐다드

제작전라남도상업 무료다운로드

전남의 사계, 글로 잇는 풍경

함초롬바탕은 정통 명조 구조로 큰 사이즈 제목에서 안정적이며, 푸른전남체는 균일한 자폭과 무난한 x-height로 긴 본문도 무리 없이 읽힌다.

분위기: 함초롬바탕의 단정한 서예적 격조가 제목을 잡고, 푸른전남체의 정갈하고 정직한 고딕이 본문을 받쳐 차분한 공적 분위기를 만든다.
대비·계층: Serif 제목 vs Sans 본문의 카테고리 대비가 명확하고, 700 weight 활용 시 위계가 분명하게 확보된다.
추천 용도: 지자체·공공기관 리포트교육 자료 및 교재지역 문화 매거진전시·아카이브 도록역사·인문 콘텐츠 웹사이트

어울리는 영문 폰트

제목EB GaramondSource SerifPlayfair DisplayLora

본문InterIBM Plex SansSource Sans Pro

함초롬바탕의 고전적 명조 인상에는 클래식 세리프가, 푸른전남체의 정직한 고딕에는 중립적 산세리프가 구조·웨이트 면에서 자연스럽게 합성된다.

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

36~44px

24~28px

본문

16~17px

line-height

1.7

어울리는 색상

#1f3a2e

#a67c52

#f4efe6

어울리는 산업 톤

공공기관 신뢰지역 문화 매거진교육 따뜻

72제목 푸른전남체 · 본문 함초롬바탕

푸른전남체B=제목용ⓘ 미리보기는 프리텐다드

제작전라남도상업 무료다운로드

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

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

오래된 골목길 끝에서 마주한 봄 햇살이 마음을 데웠다.

함초롬바탕은 균형 잡힌 자소 비례로 긴 글의 가독성이 뛰어나며, 푸른전남체는 강조 제목에서 명료한 윤곽으로 시선을 잡아줍니다.

분위기: 함초롬바탕의 단정하고 고전적인 흐름을 본문이 이끌고, 푸른전남체가 산뜻한 강조 제목으로 활기를 더하는 차분-경쾌 조합입니다.
대비·계층: 세리프 본문 위에 산세리프 강조 제목이 얹히는 전형적 대비 구조로, 굵기 차이까지 더하면 위계가 분명히 살아납니다.
추천 용도: 지역 문화 매거진 본문 레이아웃교육 교재 장문 텍스트공공 백서·리포트에세이 단행본 내지기록형 블로그 본문

어울리는 영문 폰트

제목InterManropePlus Jakarta SansIBM Plex Sans

본문Source SerifEB GaramondMerriweather

본문 세리프 흐름에는 정통 세리프 영문이, 산세리프 강조 제목에는 깔끔한 지오메트릭 산세리프가 결을 맞춥니다.

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

32~40px

22~26px

본문

16~18px

line-height

1.7

어울리는 색상

#2b3a55

#c7a87a

#f5efe6

어울리는 산업 톤

공공기관 신뢰교육 따뜻라이프스타일 매거진

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