한글 페어링 · 큐레이션

강원교육 튼튼+JS 동까비

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

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

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

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

평가 결과 · 2개 케이스

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

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

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

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

제작정스튜디오상업 무료

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

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

재미있는 한글 공부, 함께 시작해요!

강원교육 튼튼은 본문용 손글씨로 충분히 읽을 수 있으나, 장문 읽기에는 x-height 변동과 자간 불규칙성으로 피로도 증가. JS 동까비는 제목용으로 첫눈에 들어오지만 과도한 개성으로 정보 위계 강조 역할 미흡.

분위기: 강원교육 튼튼의 친근하고 부드러운 손글씨 톤과 JS 동까비의 장난스럽고 캐주얼한 디스플레이 톤이 겹치면서 분위기 일관성이 약함. 둘 다 비공식적이어서 신뢰감이 필요한 맥락에서는 부적절.
대비·계층: 두 폰트 모두 400 weight이고 손글씨/디스플레이 특성상 구조적 대비가 약함. 제목과 본문 간 시각적 분리가 명확하지 않아 정보 위계 형성에 실패.
추천 용도: 어린이 교육 자료 (초등학교 학습지, 교과서 보조 콘텐츠)유아용 그림책 또는 동화 출판물캐주얼 아동 브랜드 마케팅 (장난감, 완구)비공식 SNS 콘텐츠 (육아 블로그, 교육 인플루언서)

어울리는 영문 폰트

제목ManropePlus Jakarta SansSatoshi

본문InterSource Sans Pro

강원교육 튼튼의 따뜻한 손글씨 톤을 보완하려면 친근하면서도 명확한 sans-serif 필요. Manrope·Satoshi는 둥근 곡선으로 부드러움 강조, Inter·Source Sans Pro는 본문 가독성 우선.

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

36~44px

20~24px

본문

16~17px

line-height

1.65

어울리는 색상

#ff6b6b

#4ecdc4

#fff5e6

어울리는 산업 톤

교육 따뜻함아동용 친근

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

강원교육 튼튼A=제목용

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

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

제작정스튜디오상업 무료

즐거운 학습으로 함께 자라요!

JS 동까비는 디스플레이 폰트로 본문 장문 읽기에 부적합하며, 강원교육 튼튼도 handwriting 특성상 긴 텍스트에서 가독성 저하가 발생한다.

분위기: 강원교육 튼튼의 친근하고 손글씨 감성과 JS 동까비의 장난스러운 디스플레이 특성이 겹쳐, 톤 일관성이 약하고 어린이 콘텐츠 외 실무에서 혼란을 야기할 수 있다.
대비·계층: 두 폰트 모두 400 weight로 동일하고, 제목-본문 간 시각적 위계 구분이 명확하지 않아 정보 계층 형성이 약하다.
추천 용도: 어린이 교육 자료 (학습지, 워크북)유아 관련 브랜드 (보육원, 유치원 홍보물)캐릭터 기반 콘텐츠 (동화책, 일러스트레이션 보조)

어울리는 영문 폰트

제목ManropePlus Jakarta SansGeist

본문InterSource Sans Pro

두 한글 폰트 모두 비공식적·캐주얼 톤이므로, 산뜻하면서도 현대적인 sans-serif 영문 폰트가 균형을 맞춘다. 어린이 콘텐츠 맥락에서 명확한 가독성을 유지하려면 중립적인 기하학적 sans가 필수.

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

36~44px

20~24px

본문

14~16px

line-height

1.6

어울리는 색상

#ff6b9d

#ffd93d

#f5f5f5

어울리는 산업 톤

교육 따뜻키즈 친근

구현 코드 · 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;
}