한글 페어링 · 큐레이션

강원교육 모두+노토 세리프 KR

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

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

A:강원교육 모두· 제작 강원교육청|B:노토 세리프 KR· 제작 구글·어도비

→ 각 폰트 종합 가이드: 강원교육 모두 가이드·노토 세리프 KR 가이드

평가 결과 · 2개 케이스

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

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

42제목 노토 세리프 KR · 본문 강원교육 모두

노토 세리프 KRA=제목용

제작구글·어도비상업 무료다운로드

+강원교육 모두B=본문용

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

공부는 즐거운 모험입니다.

강원교육 모두는 본문 장문 읽기에 부적합하다. 손글씨체 특성상 글자 간 간격 불규칙성과 낮은 가독성이 있으며, 노토 세리프 KR은 제목용으로는 우수하나 본문 역할 폰트로서 기능하지 못한다.

분위기: 노토 세리프 KR의 고전적·우아한 세리프와 강원교육 모두의 친근한 손글씨체가 분위기 충돌을 일으킨다. 세리프의 격식성과 핸드라이팅의 캐주얼함이 일관된 톤을 형성하지 못한다.
대비·계층: 세리프(serif)와 핸드라이팅(handwriting)의 구조적 차이는 명확하지만, 제목-본문 위계 대신 '격식 vs 캐주얼' 대비가 되어 정보 위계 혼란을 초래한다. 무게 선택지도 제한적(본문 400, 700만)이다.
추천 용도: 어린이 교육 자료(강원교육청 공식 폰트 활용)따뜻한 톤의 아동용 출판물(제목-본문 혼합 사용 시 제한적)비형식적 교육 포스터(계층 약화 주의)

어울리는 영문 폰트

제목LoraEB GaramondSource Serif Pro

본문InterIBM Plex Sans

노토 세리프 KR 제목에는 세리프 영문(Lora, EB Garamond)이 일관성 있고, 강원교육 모두의 본문 핸드라이팅 톤을 보완하려면 따뜻하고 접근성 높은 sans-serif(Inter, IBM Plex Sans)가 적합하다. 다만 두 폰트 간 분위기 차이로 인해 영문 페어링도 제한적이다.

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

36~44px

20~24px

본문

14~16px

line-height

1.7

어울리는 색상

#2c2416

#d4a574

#f9f6f1

어울리는 산업 톤

공공기관 교육아동용 따뜻한 톤

42제목 강원교육 모두 · 본문 노토 세리프 KR

강원교육 모두A=제목용

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

+노토 세리프 KRB=본문용

제작구글·어도비상업 무료다운로드

우리 함께 배우고 자라나는 교육의 꿈

강원교육 모두는 제목용 손글씨로 첫눈에 들어오지만, 노토 세리프 KR의 낮은 x-height와 세리프 구조는 한국어 본문 가독성을 위해 충분한 사이즈와 줄간격 확보가 필수. 제목-본문 간 시각적 거리감이 크다.

분위기: 손글씨의 따뜻하고 친근한 인상이 세리프의 고전적·격식 있는 톤과 충돌하여 일관성이 약함. 교육 콘텐츠에서는 작동하지만 일반 실무 디자인에서는 분위기 불일치가 명확.
대비·계층: 손글씨(유기적·곡선)와 세리프(기하적·직선)의 구조 대비는 명확하지만, 무게 대비보다는 스타일 대비에 의존하여 정보 위계 강도가 약함. 제목 700과 본문 400의 무게 차이만으로는 시각적 분리가 부족.
추천 용도: 교육 기관 웹사이트·안내 자료 (강원교육청 공식 톤)아동·청소년 대상 출판물 (교과서·학습지)따뜻한 톤의 교육 매거진공공기관 뉴스레터·공지사항

어울리는 영문 폰트

제목CaveatQuicksandFredoka

본문LoraSource Serif Pro

손글씨 제목에는 부드러운 곡선의 영문 손글씨나 라운드 산세리프(Caveat, Quicksand)가 어울리고, 세리프 본문에는 따뜻한 톤의 세리프(Lora, Source Serif Pro)가 일관성을 높임.

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

44~56px

26~32px

본문

17~19px

line-height

1.7

어울리는 색상

#2d5016

#d4a574

#f9f6f1

어울리는 산업 톤

교육 따뜻함공공기관 신뢰

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

@import url('https://cdn.jsdelivr.net/gh/fonts-archive/GangwonEduModu/subsets/GangwonEduModu-dynamic-subset.css');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@200;400;600;700;900&display=swap');

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

/* 본문 */
body, p {
  font-family: 'Noto Serif KR', sans-serif;
}