한글 페어링 · 큐레이션

카페24 오스퀘어+학교안심

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

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

A:카페24 오스퀘어· 제작 카페24|B:학교안심· 제작 한국교과서연구재단

→ 각 폰트 종합 가이드: 카페24 오스퀘어 가이드·학교안심 가이드

평가 결과 · 2개 케이스

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

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

78제목 카페24 오스퀘어 · 본문 학교안심

카페24 오스퀘어A=제목용

제작카페24상업 무료다운로드

+학교안심B=본문용

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

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

오스퀘어는 굵은 획과 명확한 자소 구조로 제목에서 시선을 즉시 끌고, 학교안심은 교육용으로 설계되어 본문 가독성이 매우 우수하다.

분위기: 카페24 오스퀘어의 또렷하고 친근한 인상이 학교안심의 단정하고 안정적인 톤과 만나 신뢰감 있는 분위기를 만든다.
대비·계층: 700 웨이트의 오스퀘어와 400 학교안심 사이 굵기 차이가 분명해 제목·본문 위계가 자연스럽게 형성된다.
추천 용도: 교육 콘텐츠 랜딩페이지학원·아카데미 브랜딩공공 캠페인 포스터어린이·청소년 출판물B2C 서비스 안내 페이지

어울리는 영문 폰트

제목ManropePlus Jakarta SansInterGeist

본문Source Sans ProIBM Plex Sans

오스퀘어의 둥글고 정돈된 골격에는 Manrope·Plus Jakarta Sans처럼 부드러운 지오메트릭 산세리프가 잘 맞고, 학교안심에는 가독성 검증된 Source Sans Pro 계열이 자연스럽다.

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

36~44px

24~28px

본문

16~18px

line-height

1.65

어울리는 색상

#2b5fae

#ffb836

#f5f7fa

어울리는 산업 톤

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

62제목 학교안심 · 본문 카페24 오스퀘어

학교안심B=제목용

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

+카페24 오스퀘어A=본문용

제작카페24상업 무료다운로드

오늘도 한 줄, 차분히 읽어 내려가는 시간

카페24 오스퀘어는 균일한 획과 넓은 카운터로 짧은 본문·캡션 가독성이 양호하며, 학교안심은 또렷한 글자 폭으로 짧은 헤드라인에 시선을 잡는다.

분위기: 카페24 오스퀘어의 정직한 기하학적 구조 위에 학교안심의 부드러운 교과서적 인상이 강조 요소로 얹혀 친근하고 신뢰감 있는 톤을 만든다.
대비·계층: 두 폰트 모두 산세리프이고 무게가 400/700으로 동일해 형태 대비가 약한 편이라, 사이즈 점프와 컬러 위계로 보완해야 정보 계층이 살아난다.
추천 용도: 교육 콘텐츠 본문어린이·청소년 대상 출판공공기관 안내 책자학습 앱 UI 본문

어울리는 영문 폰트

제목Plus Jakarta SansManropeIBM Plex Sans

본문InterSource Sans Pro

오스퀘어의 기하학적 골격과 학교안심의 둥근 친근함을 모두 받아낼 수 있는 휴머니스트·지오메트릭 산세리프를 권장한다.

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

32~40px

22~26px

본문

16~18px

line-height

1.7

어울리는 색상

#2c5282

#f6ad55

#fdfaf5

어울리는 산업 톤

교육 따뜻공공기관 신뢰출판 친근

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

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

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

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