한글 페어링 · 큐레이션

학교안심+본고딕

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

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

A:학교안심· 제작 한국교과서연구재단|B:본고딕· 제작 어도비·구글

→ 각 폰트 종합 가이드: 학교안심 가이드·본고딕 가이드

평가 결과 · 2개 케이스

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

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

82제목 본고딕 · 본문 학교안심

본고딕B=제목용ⓘ 미리보기는 프리텐다드

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

+학교안심A=본문용

제작한국교과서연구재단상업 무료다운로드

함께 배우며 자라나는 우리들의 하루

학교안심은 어린 독자도 인지하기 쉬운 명확한 자형으로 본문 가독성이 우수하며, 본고딕은 다양한 굵기로 제목 위계를 또렷하게 잡아줍니다.

분위기: 학교안심의 둥글고 안정적인 본문 인상에 본고딕의 정제된 제목 무게감이 더해져 신뢰감 있고 친근한 톤이 형성됩니다.
대비·계층: 두 폰트 모두 산세리프지만 본고딕 700~900 굵기를 활용하면 본문 학교안심 400과 충분한 위계 대비가 만들어집니다.
추천 용도: 교육 출판물 본문어린이·청소년 학습 콘텐츠공공기관 안내 자료교과서 보조 교재학습 앱 UI 본문

어울리는 영문 폰트

제목InterIBM Plex SansSource Sans ProManrope

본문Source Sans ProIBM Plex Sans

학교안심의 또렷한 본문 자형은 Source Sans Pro·IBM Plex Sans와 x-height·획 두께가 자연스럽게 맞고, 본고딕 제목은 같은 어도비 계열 Source Sans Pro와 구조적으로 일관됩니다.

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

32~40px

22~26px

본문

16~18px

line-height

1.7

어울리는 색상

#2b4a8b

#f4a72c

#f6f4ef

어울리는 산업 톤

교육 따뜻공공기관 신뢰학습 콘텐츠 친근

82제목 학교안심 · 본문 본고딕

학교안심A=제목용

제작한국교과서연구재단상업 무료다운로드

+본고딕B=본문용ⓘ 미리보기는 프리텐다드

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

함께 배우고 함께 성장하는 학교

학교안심 700은 제목에서 또렷한 인지력을 보여주며, 본고딕은 6단계 웨이트와 균일한 자형으로 긴 본문 가독성이 검증되어 있습니다.

분위기: 학교안심의 친근하고 부드러운 인상이 본고딕의 단정한 모던함과 만나 안정감 있는 톤을 형성합니다. 교육·공공 영역에서 따뜻하면서도 신뢰감 있는 분위기를 자아냅니다.
대비·계층: 학교안심 700과 본고딕 400의 웨이트 차로 위계가 명확히 잡히며, 학교안심의 둥근 곡선과 본고딕의 절제된 골격 차이가 자연스러운 구분감을 만듭니다.
추천 용도: 학교·교육기관 안내물어린이·학습용 출판물공공기관 안내 웹페이지교재·워크북 제목교육 콘텐츠 UI

어울리는 영문 폰트

제목QuicksandNunitoPlus Jakarta SansManrope

본문Source Sans ProIBM Plex Sans

학교안심의 둥근 친근함은 Quicksand·Nunito 같은 라운드 산세리프와 자형 인상이 일치하고, 본고딕은 같은 어도비 패밀리 계열인 Source Sans Pro와 골격·메트릭이 자연스럽게 맞물립니다.

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

36~44px

22~26px

본문

16~18px

line-height

1.65

어울리는 색상

#2b6cb0

#f6ad55

#f7fafc

어울리는 산업 톤

교육 따뜻공공기관 신뢰어린이·가족 친근

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

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

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

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