한글 페어링 · 큐레이션

EBS 훈민정음 새론+JS 동까비

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

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

A:EBS 훈민정음 새론· 제작 EBS|B:JS 동까비· 제작 정스튜디오

→ 각 폰트 종합 가이드: EBS 훈민정음 새론 가이드·JS 동까비 가이드

평가 결과 · 2개 케이스

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

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

62제목 JS 동까비 · 본문 EBS 훈민정음 새론

JS 동까비A=제목용ⓘ 미리보기는 프리텐다드

제작정스튜디오상업 무료

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

제작EBS상업 무료다운로드

오늘의 작은 이야기를 들려드릴게요

동까비는 제목 크기에서 친근한 주목성을 확보하고, 훈민정음 새론은 부리의 흐름이 자연스러워 긴 본문 가독성이 우수합니다.

분위기: JS 동까비의 장난스럽고 둥근 손글씨 감성이 EBS 훈민정음 새론의 단정한 명조 본문과 만나 따뜻하면서도 정돈된 인상을 만듭니다.
대비·계층: 디스플레이 손글씨 vs. 정통 명조라는 구조적 대비가 뚜렷해 위계는 명확하지만, 톤이 다소 이질적이라 색상·여백으로 톤을 묶어줘야 합니다.
추천 용도: 어린이·교육 콘텐츠 표지동화·에세이 브랜딩지역 축제 포스터라이프스타일 매거진 특집 페이지

어울리는 영문 폰트

제목FrauncesCaveatQuicksandNunito

본문Source SerifLora

제목은 동까비의 둥글고 손맛 있는 인상을 받쳐줄 곡선형·휴머니스트 라틴이 어울리고, 본문은 새론의 부리 흐름과 맞는 따뜻한 세리프가 자연스럽습니다.

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

44~56px

24~30px

본문

16~18px

line-height

1.7

어울리는 색상

#3b2a1e

#d98e5a

#f7f1e6

어울리는 산업 톤

교육 따뜻라이프스타일 매거진어린이 출판

42제목 EBS 훈민정음 새론 · 본문 JS 동까비

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

제작EBS상업 무료다운로드

+JS 동까비B=본문용ⓘ 미리보기는 프리텐다드

제작정스튜디오상업 무료

고요한 새벽, 책장이 천천히 넘어간다

제목 새론은 명조 특유의 정돈된 획으로 가독성이 좋으나, 본문에 디스플레이 폰트인 동까비를 쓰면 긴 글 읽기에 부담이 큽니다.

분위기: EBS 훈민정음 새론의 단정한 명조 톤과 JS 동까비의 장난스러운 디스플레이 인상이 충돌해 일관된 톤 형성이 어렵습니다. 제목은 차분한데 본문이 캐릭터성을 띠는 역설적 구조입니다.
대비·계층: serif 제목과 display 본문은 형태 대비는 강하지만 위계가 역전되어 정보 구조가 모호해집니다. 본문이 시각적으로 더 튀는 문제가 발생합니다.
추천 용도: 어린이 교육 콘텐츠 표지전래동화·동시 그림책캐릭터 굿즈 패키지 일부이벤트 안내 포스터

어울리는 영문 폰트

제목Source SerifEB GaramondLoraMerriweather

본문FredokaBaloo 2

제목 새론은 클래식 세리프와 자연스럽게 어울리고, 동까비처럼 둥글고 캐주얼한 디스플레이는 둥근 형태의 캐주얼 산세리프와 합쳐야 톤이 맞습니다.

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

36~44px

24~28px

본문

16~18px

line-height

1.7

어울리는 색상

#2b2118

#d97757

#f6f0e4

어울리는 산업 톤

어린이 교육 따뜻출판 동화·아동서문화·전시 가족 친화

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

/* EBS 훈민정음 새론 또는 JS 동까비의 공식 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;
}