한글 페어링 · 큐레이션

강원교육 튼튼+이순신체

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

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

A:강원교육 튼튼· 제작 강원교육청|B:이순신체· 제작 아산시

→ 각 폰트 종합 가이드: 강원교육 튼튼 가이드·이순신체 가이드

평가 결과 · 2개 케이스

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

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

42제목 이순신체 · 본문 강원교육 튼튼

이순신체A=제목용ⓘ 미리보기는 프리텐다드

제작아산시상업 무료다운로드

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

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

충무공의 발자취를 따라 걷다

이순신체는 강한 필압으로 제목 임팩트는 있으나 장문에는 부담스럽고, 강원교육 튼튼은 본문으로 읽히긴 하지만 글자 폭이 넓어 긴 단락에서는 호흡이 늘어집니다.

분위기: 이순신체의 굳세고 단호한 손글씨 인상과 강원교육 튼튼의 둥글고 순박한 어린이체가 한 화면에 함께 놓이면 톤이 충돌합니다. 두 폰트 모두 손글씨 계열이라 시각적 소음이 커지는 페어입니다.
대비·계층: 굵기 차이는 어느 정도 확보되지만 둘 다 손글씨라 구조적 대비가 약해 정보 위계가 모호해집니다. 색·크기로 보완하지 않으면 제목과 본문 경계가 흐려집니다.
추천 용도: 역사·위인 교육 교재 표지어린이 박물관 안내 패널지역 행사 포스터초등 학습지 단원 인트로

어울리는 영문 폰트

제목Playfair DisplayEB GaramondIBM Plex Serif

본문LoraSource Serif

이순신체의 붓글씨 같은 역사적 무게감에는 클래식한 세리프 라틴이 어울려 영문 혼용 시 톤이 살아납니다. 본문 손글씨와는 가독성을 잡아줄 차분한 세리프를 매칭했습니다.

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

36~48px

22~26px

본문

17~19px

line-height

1.7

어울리는 색상

#2c2417

#b8862f

#f4ede0

어울리는 산업 톤

역사·문화 교육공공기관 캠페인어린이 학습 콘텐츠

38제목 강원교육 튼튼 · 본문 이순신체

강원교육 튼튼B=제목용

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

+이순신체A=본문용ⓘ 미리보기는 프리텐다드

제작아산시상업 무료다운로드

바다를 지킨 마음, 오늘도 함께합니다

이순신체는 본문용으로 쓰기엔 획의 변동이 커 긴 글 가독성이 떨어지고, 강원교육 튼튼은 제목에서 또렷하지만 두 손글씨가 겹쳐 읽는 피로가 누적됩니다.

분위기: 이순신체가 본문에서 묵직한 붓글씨 톤을 끌어가고, 강원교육 튼튼이 둥글고 친근한 손글씨로 제목을 강조하나 두 손글씨의 결이 달라 톤이 분열됩니다.
대비·계층: 두 폰트 모두 손글씨 계열이라 굵기·구조 차이가 약해 정보 위계가 흐릿하며, 제목과 본문의 경계가 명확히 구분되지 않습니다.
추천 용도: 지역 문화재 안내 책자역사 캠페인 포스터전통 행사 홍보물교육용 스토리북 짧은 단락

어울리는 영문 폰트

제목CaveatPatrick HandShadows Into Light

본문EB GaramondLora

강원교육 튼튼의 둥근 손글씨 톤은 캐주얼 핸드라이팅 라틴과, 이순신체의 붓글씨 본문은 클래식 세리프와 합성하면 각자의 정체성이 살아납니다.

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

36~44px

24~28px

본문

17~19px

line-height

1.75

어울리는 색상

#2b2118

#a8542a

#f3ece0

어울리는 산업 톤

지역 문화·관광역사 교육 콘텐츠공공 캠페인 따뜻

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