한글 페어링 · 큐레이션

EBS 훈민정음 새론+코트라 도약

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

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

A:EBS 훈민정음 새론· 제작 EBS|B:코트라 도약· 제작 코트라

→ 각 폰트 종합 가이드: EBS 훈민정음 새론 가이드·코트라 도약 가이드

평가 결과 · 2개 케이스

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

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

82제목 코트라 도약 · 본문 EBS 훈민정음 새론

코트라 도약A=제목용ⓘ 미리보기는 프리텐다드

제작코트라상업 무료다운로드

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

제작EBS상업 무료다운로드

세계로 도약하는 대한민국의 미래

코트라 도약은 굵은 획과 또렷한 윤곽으로 제목 시인성이 뛰어나고, EBS 훈민정음 새론은 교과서용으로 설계되어 긴 글 가독성이 우수합니다.

분위기: 코트라 도약의 진취적이고 묵직한 인상이 EBS 훈민정음 새론의 단정한 본문 톤과 만나 공신력 있고 미래지향적인 분위기를 형성합니다.
대비·계층: 도약의 강한 굵기와 진취적 형태가 새론의 차분한 명조 본문과 명확히 분리되어 정보 위계가 또렷하게 잡힙니다.
추천 용도: 공공기관 보고서수출·무역 브로슈어정책 백서교육 자료기업 IR 인쇄물

어울리는 영문 폰트

제목Playfair DisplayIBM Plex SerifMerriweatherSource Serif

본문EB GaramondLoraSource Serif

도약의 진취적 세리프 표정에는 대비 강한 Playfair Display나 모던 IBM Plex Serif가 어울리며, 새론 본문에는 가독성 검증된 EB Garamond·Lora가 자연스럽게 합성됩니다.

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

40~48px

26~30px

본문

16~18px

line-height

1.7

어울리는 색상

#1a2b4a

#c8a96a

#f5f1e8

어울리는 산업 톤

공공기관 신뢰B2B 수출·무역교육 출판정책 커뮤니케이션

74제목 EBS 훈민정음 새론 · 본문 코트라 도약

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

제작EBS상업 무료다운로드

+코트라 도약B=본문용ⓘ 미리보기는 프리텐다드

제작코트라상업 무료다운로드

한글의 결을 새롭게 잇다

새론은 700 웨이트로 제목에서 또렷한 가독성을 보장하고, 도약은 단정한 세리프 본문체로 중간 길이 글에 적합합니다.

분위기: EBS 훈민정음 새론의 정제된 명조 인상이 코트라 도약의 묵직한 획과 만나 전통과 신뢰가 공존하는 분위기를 형성합니다.
대비·계층: 둘 다 세리프 계열이라 계열 대비는 약하지만 새론 700과 도약 400의 웨이트 차이로 위계가 확보됩니다.
추천 용도: 공공기관 보고서 표지교육 콘텐츠 아티클문화재단 브로슈어출판 에세이 본문

어울리는 영문 폰트

제목Source SerifEB GaramondPlayfair DisplayIBM Plex Serif

본문LoraMerriweather

세리프-세리프 페어이므로 영문도 세리프로 통일해 클래식한 본문·제목 위계를 유지하는 것이 자연스럽습니다.

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

40~48px

24~28px

본문

16~18px

line-height

1.7

어울리는 색상

#1f1a17

#8b7355

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