한글 페어링 · 큐레이션

EBS 훈민정음 새론+함초롬바탕

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

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

A:EBS 훈민정음 새론· 제작 EBS|B:함초롬바탕· 제작 한컴

→ 각 폰트 종합 가이드: EBS 훈민정음 새론 가이드·함초롬바탕 가이드

평가 결과 · 2개 케이스

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

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

82제목 함초롬바탕 · 본문 EBS 훈민정음 새론

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

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

+EBS 훈민정음 새론B=본문용ⓘ 미리보기는 프리텐다드

제작EBS상업 무료다운로드

오래된 문장에서 새로운 시대를 읽다

함초롬바탕은 한자·한글 혼용에 강한 정통 명조로 제목에서 묵직한 존재감을 주며, EBS 훈민정음 새론은 획 굵기가 균일하고 자족이 정돈되어 장문 본문에서도 피로감이 적습니다.

분위기: 함초롬바탕의 단아하고 전통적인 인상이 EBS 훈민정음 새론의 정갈하고 현대화된 본문 톤과 조화를 이루며 학구적이고 신뢰감 있는 분위기를 만듭니다.
대비·계층: 두 폰트 모두 명조 계열이라 자형 결이 비슷하지만, 함초롬바탕 700과 새론 300~500의 웨이트 격차가 충분히 위계를 형성합니다.
추천 용도: 교과서·학습 콘텐츠인문 단행본 출판공공기관 보고서에세이·문학 매거진박물관·전시 도록

어울리는 영문 폰트

제목EB GaramondSource SerifPlayfair Display

본문MerriweatherIBM Plex Serif

함초롬바탕의 고전적 명조 비례에는 Garamond·Playfair 같은 트랜지셔널·디돈 계열 세리프가, 본문 새론에는 화면 가독성이 검증된 Merriweather·Plex Serif가 자연스럽게 어울립니다.

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

36~44px

24~28px

본문

16~18px

line-height

1.7

어울리는 색상

#2b2118

#a87c4f

#f5efe6

어울리는 산업 톤

교육 신뢰출판 단행본공공기관 정중라이프스타일 매거진

72제목 EBS 훈민정음 새론 · 본문 함초롬바탕

EBS 훈민정음 새론A=제목용ⓘ 미리보기는 프리텐다드

제작EBS상업 무료다운로드

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

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

오래된 문장이 오늘의 마음을 비춘다

제목용 새론은 획 대비가 또렷해 표제로서 시선을 끌고, 함초롬바탕은 한글 본문 명조의 표준에 가까워 긴 글 읽기에 무난하다.

분위기: EBS 훈민정음 새론의 단정하고 교육적인 명조 인상이, 함초롬바탕의 전통 본문 명조와 만나 차분하고 진중한 학술 톤을 형성한다.
대비·계층: 두 폰트가 모두 명조 계열이라 형태 대비는 약하지만, 새론을 700 굵기·큰 사이즈로 두고 함초롬바탕을 400으로 운용하면 위계가 분명히 살아난다.
추천 용도: 교과서·학습 콘텐츠 표지공공·교육기관 보고서인문학 도서 본문 편집박물관·전시 도록교양 매거진 칼럼

어울리는 영문 폰트

제목Source SerifEB GaramondPlayfair DisplayIBM Plex Serif

본문Source SerifMerriweatherLora

두 한글 폰트가 모두 명조 계열이므로 라틴도 세리프로 통일해야 톤이 흐트러지지 않으며, 고전적이면서 학술적인 인상을 강화한다.

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

36~44px

24~28px

본문

16~18px

line-height

1.7

어울리는 색상

#1f1a17

#8b6f47

#f5efe6

어울리는 산업 톤

교육 신뢰공공기관 단정출판·인문 매거진

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

/* EBS 훈민정음 새론 또는 함초롬바탕의 공식 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;
}