한글 페어링 · 큐레이션

함초롬바탕+학교안심

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

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

A:함초롬바탕· 제작 한컴|B:학교안심· 제작 한국교과서연구재단

→ 각 폰트 종합 가이드: 함초롬바탕 가이드·학교안심 가이드

평가 결과 · 2개 케이스

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

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

78제목 함초롬바탕 · 본문 학교안심

함초롬바탕A=제목용ⓘ 미리보기는 프리텐다드

제작한컴비상업 무료다운로드

+학교안심B=본문용

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

배움의 길에서 만나는 단정한 문장들

함초롬바탕은 획 대비가 적절해 큰 사이즈 제목에서 가독성이 좋고, 학교안심은 교육용으로 설계된 만큼 본문 장문에서 시인성이 매우 우수합니다.

분위기: 함초롬바탕의 단정한 명조 인상이 제목에서 품격을 만들고, 학교안심의 또박또박한 본문체가 안정적이고 신뢰감 있는 톤을 형성합니다.
대비·계층: 세리프 제목과 산세리프 본문의 분류 대비, 그리고 굵기 대비(700/400)가 명확한 정보 위계를 만듭니다.
추천 용도: 교과서·학습 자료공공기관 안내문도서관·박물관 도록교육 콘텐츠 웹사이트공식 보고서

어울리는 영문 폰트

제목EB GaramondSource SerifMerriweatherIBM Plex Serif

본문Source Sans ProIBM Plex Sans

제목 함초롬바탕의 고전적 세리프 인상은 EB Garamond·Source Serif와, 본문 학교안심의 또렷한 산세리프는 휴머니스트 산세리프와 자연스럽게 합성됩니다.

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

36~44px

24~28px

본문

16~18px

line-height

1.7

어울리는 색상

#2b2a28

#8b6f47

#f5efe6

어울리는 산업 톤

교육 따뜻공공기관 신뢰출판 클래식

74제목 학교안심 · 본문 함초롬바탕

학교안심B=제목용

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

+함초롬바탕A=본문용ⓘ 미리보기는 프리텐다드

제작한컴비상업 무료다운로드

아이들이 매일 펼치는 책 한 권의 무게

함초롬바탕은 균일한 자폭과 안정된 획으로 긴 본문 가독성이 뛰어나며, 학교안심은 어린 학습자도 쉽게 인지할 수 있도록 설계되어 제목에서 즉시 시선을 끕니다.

분위기: 함초롬바탕의 단정한 본문 흐름 위로 학교안심의 둥글고 친근한 산세리프 제목이 얹혀 차분하면서도 따뜻한 교육 톤을 형성합니다.
대비·계층: 세리프 본문과 산세리프 제목이라는 구조적 대비가 명확하고, 700 웨이트의 학교안심이 함초롬바탕 본문 위에서 충분한 위계를 확보합니다.
추천 용도: 초·중등 교과서 본문 조판교육 출판물 학습 자료학부모 안내문·가정통신문공공 교육기관 리포트

어울리는 영문 폰트

제목NunitoQuicksandPlus Jakarta Sans

본문Source SerifLora

제목의 학교안심은 둥근 인상의 라틴 산세리프와 합성해 일관된 친근함을 유지하고, 본문 함초롬바탕은 클래식 세리프 라틴과 합쳐 안정된 가독성을 확보합니다.

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

32~40px

22~26px

본문

16~18px

line-height

1.7

어울리는 색상

#2c3e50

#f4a261

#fdf6ec

어울리는 산업 톤

교육 따뜻공공기관 신뢰출판 학습

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

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

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

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