한글 페어링 · 큐레이션

EBS 훈민정음 새론+본고딕

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

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

A:EBS 훈민정음 새론· 제작 EBS|B:본고딕· 제작 어도비·구글

→ 각 폰트 종합 가이드: EBS 훈민정음 새론 가이드·본고딕 가이드

평가 결과 · 2개 케이스

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

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

84제목 본고딕 · 본문 EBS 훈민정음 새론

본고딕B=제목용ⓘ 미리보기는 프리텐다드

제작어도비·구글상업 무료다운로드

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

제작EBS상업 무료다운로드

한 줄의 문장이 오래 마음에 남는다.

EBS 훈민정음 새론은 획 대비가 부드럽고 자족 균형이 좋아 긴 글 본문에 적합하며, 본고딕은 명료한 자형으로 제목에서 단번에 인식된다.

분위기: EBS 훈민정음 새론의 단정한 명조 본문 위에 본고딕의 깔끔한 산세리프 제목이 얹혀 교육적이고 신뢰감 있는 분위기를 만든다. 전통과 현대가 균형을 이루는 페어다.
대비·계층: 세리프 본문과 산세리프 제목의 카테고리 대비가 명확하고, 본고딕 700~900의 굵기가 본문 300~500과 강한 위계를 형성한다.
추천 용도: 교과서·학습 콘텐츠교양 도서 본문공공기관 리포트다큐멘터리 자막·소개 페이지에세이형 매거진

어울리는 영문 폰트

제목InterIBM Plex SansManropeSource Sans Pro

본문Source SerifIBM Plex SerifLora

본고딕 제목에는 구조가 단정한 지오메트릭 산세리프가, 새론 본문에는 인문적 세리프가 자형 톤을 자연스럽게 이어준다.

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

32~40px

22~26px

본문

16~18px

line-height

1.7

어울리는 색상

#1f2933

#a57548

#f6f1ea

어울리는 산업 톤

교육 따뜻공공기관 신뢰출판·매거진

84제목 EBS 훈민정음 새론 · 본문 본고딕

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

제작EBS상업 무료다운로드

+본고딕A=본문용ⓘ 미리보기는 프리텐다드

제작어도비·구글상업 무료다운로드

오늘 배운 한 문장이 내일의 생각을 바꿉니다.

본고딕은 6종 웨이트와 균일한 자폭으로 긴 글 본문에 안정적이며, 새론 제목은 한글 조형의 단정함이 살아 있어 시선을 끈다.

분위기: 본고딕의 차분하고 중립적인 본문 톤이 EBS 훈민정음 새론의 단정한 명조 제목과 어우러져 학구적이고 신뢰감 있는 분위기를 만든다.
대비·계층: sans 본문 + serif 제목의 분류 대비가 명확하고, Bold 제목과 Regular 본문의 웨이트 차이로 정보 위계가 또렷하다.
추천 용도: 교육 콘텐츠 본문학술·도서 출판공공기관 보고서장문 아티클 웹페이지사보·매거진 본문

어울리는 영문 폰트

제목Source SerifEB GaramondIBM Plex SerifMerriweather

본문Source Sans ProIBM Plex SansInter

본고딕은 어도비 Source 패밀리와 골격을 공유해 Source Sans/Serif와 합성 시 메트릭이 자연스럽고, 새론 제목과는 같은 명조 계열인 Source Serif·EB Garamond가 한글 조형의 단정함을 잇는다.

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

32~40px

22~26px

본문

16~18px

line-height

1.7

어울리는 색상

#1a1a1a

#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;
}