한글 페어링 · 큐레이션

EBS 훈민정음 새론+프리텐다드

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

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

A:EBS 훈민정음 새론· 제작 EBS|B:프리텐다드· 제작 길형진

→ 각 폰트 종합 가이드: EBS 훈민정음 새론 가이드·프리텐다드 가이드

평가 결과 · 2개 케이스

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

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

88제목 EBS 훈민정음 새론 · 본문 프리텐다드

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

제작EBS상업 무료다운로드

+프리텐다드B=본문용

제작길형진상업 무료다운로드

오래된 문장은 새로운 시대를 연다

새론은 획 대비가 부드러워 큰 제목에서 가독성이 우수하며, Pretendard는 다양한 웨이트와 정제된 자형으로 긴 본문에서도 피로감이 적습니다.

분위기: EBS 훈민정음 새론의 단정하고 학술적인 명조 인상이 제목을 이끌고, Pretendard의 중립적이고 현대적인 산세리프가 본문을 차분하게 받쳐줍니다.
대비·계층: Serif 제목 vs Sans 본문의 형태 대비가 명확하고, 새론 700과 Pretendard 400의 웨이트 차이가 위계를 또렷이 만듭니다.
추천 용도: 교육 콘텐츠 웹사이트공공기관 리포트출판 매거진 레이아웃브랜드 소개 페이지지식 콘텐츠 블로그

어울리는 영문 폰트

제목Source SerifEB GaramondIBM Plex SerifMerriweather

본문InterPretendard LatinIBM Plex Sans

새론의 정통 명조 인상과 어울리는 클래식·휴머니스트 세리프를 제목에 매칭하고, 본문은 Pretendard 자체 라틴이 가장 일관된 흐름을 보장합니다.

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

40~52px

26~30px

본문

16~18px

line-height

1.7

어울리는 색상

#1a1a1a

#8b7355

#f5efe6

어울리는 산업 톤

교육 따뜻공공기관 신뢰출판 매거진지식 콘텐츠

82제목 프리텐다드 · 본문 EBS 훈민정음 새론

프리텐다드B=제목용

제작길형진상업 무료다운로드

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

제작EBS상업 무료다운로드

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

새론은 부드러운 획과 안정된 골격으로 긴 글 읽기에 적합하며, 프리텐다드는 다양한 웨이트로 제목의 즉각적인 시인성을 확보합니다.

분위기: EBS 훈민정음 새론의 단정한 명조 본문이 차분한 톤을 이끌고, 프리텐다드의 깔끔한 산세리프 제목이 모던한 균형을 더합니다.
대비·계층: 세리프 본문과 산세리프 제목의 형태 대비가 뚜렷해 정보 위계가 자연스럽게 형성되며, 프리텐다드의 풍부한 웨이트가 단계별 강약을 세밀하게 조절합니다.
추천 용도: 교육 콘텐츠 본문장문 칼럼·에세이지식형 뉴스레터출판물 디지털판공공기관 보고서

어울리는 영문 폰트

제목InterPretendard LatinManropeIBM Plex Sans

본문Source SerifMerriweatherIBM Plex Serif

본문 새론의 명조 분위기는 Source Serif·IBM Plex Serif 같은 인간미 있는 세리프와 어울리고, 제목 프리텐다드는 동일 패밀리 라틴이나 Inter 계열과 구조적으로 일치합니다.

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

32~40px

22~26px

본문

16~18px

line-height

1.7

어울리는 색상

#1a1a1a

#8b7355

#f5efe6

어울리는 산업 톤

교육 따뜻출판 매거진공공기관 신뢰지식 콘텐츠 플랫폼

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

@import url('https://cdn.jsdelivr.net/gh/orioncactus/[email protected]/dist/web/variable/pretendardvariable.css');

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

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