한글 페어링 · 큐레이션

강원교육 튼튼+JS 동까비

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

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

A:강원교육 튼튼· 제작 강원교육청|B:JS 동까비· 제작 정스튜디오

→ 각 폰트 종합 가이드: 강원교육 튼튼 가이드·JS 동까비 가이드

평가 결과 · 2개 케이스

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

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

62제목 JS 동까비 · 본문 강원교육 튼튼

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

제작정스튜디오상업 무료

+강원교육 튼튼A=본문용

제작강원교육청상업 무료다운로드

오늘은 친구들과 함께 그림책을 읽었어요.

강원교육 튼튼은 손글씨치고 자획이 또렷해 짧은 본문이나 캡션에서는 읽히지만 긴 본문에는 피로감이 있습니다. JS 동까비는 장식성 강한 디스플레이라 짧은 제목 단어 위주로 사용해야 합니다.

분위기: 강원교육 튼튼의 또박또박한 손글씨 본문 위에 JS 동까비의 장식적인 디스플레이 제목이 얹혀 동화책 같은 친근한 분위기를 만듭니다. 다만 두 폰트 모두 캐주얼한 톤이라 격식 있는 맥락에는 부적합합니다.
대비·계층: 본문의 손글씨 곡선과 제목의 디스플레이 장식이 형태적으로 충돌할 수 있으나, 굵기와 크기 차로 위계는 확보됩니다. 다만 둘 다 400 웨이트라 사이즈 차를 1.8배 이상 벌려야 위계가 명확해집니다.
추천 용도: 어린이 교육 교재 본문학교 행사 안내문동화·창작 워크북어린이 전시 캡션체험학습 활동지

어울리는 영문 폰트

제목FredokaBagel Fat OneChangoLilita One

본문Patrick HandCaveat

본문 손글씨 폰트는 따뜻한 라틴 핸드라이팅과, 제목 디스플레이는 둥글고 통통한 캐릭터형 라틴과 결이 맞습니다.

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

36~44px

24~28px

본문

17~19px

line-height

1.7

어울리는 색상

#f4a261

#2a9d8f

#fef6e4

어울리는 산업 톤

교육 따뜻어린이 콘텐츠공방·핸드메이드

54제목 강원교육 튼튼 · 본문 JS 동까비

강원교육 튼튼A=제목용

제작강원교육청상업 무료다운로드

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

제작정스튜디오상업 무료

오늘은 어떤 모험이 기다릴까

강원교육 튼튼은 큰 사이즈 제목에서 친근하게 읽히지만, 본문에 디스플레이성 강한 JS 동까비를 쓰면 긴 문장 가독성이 떨어집니다.

분위기: 강원교육 튼튼의 또박또박한 손글씨 인상과 JS 동까비의 장난기 있는 디스플레이 감성이 만나 어린이·교육 톤을 강하게 형성합니다.
대비·계층: 둘 다 캐릭터성이 강해 weight·structure 대비가 약하고 위계가 모호해질 수 있어 사이즈 차이를 크게 두어야 합니다.
추천 용도: 어린이 교육 콘텐츠 표지학습지·워크북 제목유아·키즈 브랜드 패키지동화책 챕터 타이틀

어울리는 영문 폰트

제목FredokaQuicksandBaloo 2

본문NunitoQuicksand

둥글고 부드러운 라틴 산세리프가 손글씨 톤의 친근함과 잘 맞아 키즈·교육 합성 글꼴로 안정적입니다.

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

40~52px

26~32px

본문

17~19px

line-height

1.7

어울리는 색상

#ff8a3d

#ffd166

#fff8ec

어울리는 산업 톤

키즈 에듀테크유아 출판 따뜻교육 콘텐츠 친근

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

@import url('https://cdn.jsdelivr.net/gh/fonts-archive/GangwonEduPower/subsets/GangwonEduPower-dynamic-subset.css');

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

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