한글 페어링 · 큐레이션

카페24 오스퀘어+이순신체

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

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

A:카페24 오스퀘어· 제작 카페24|B:이순신체· 제작 아산시

→ 각 폰트 종합 가이드: 카페24 오스퀘어 가이드·이순신체 가이드

평가 결과 · 2개 케이스

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

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

58제목 이순신체 · 본문 카페24 오스퀘어

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

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

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

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

충무공의 정신, 오늘에 이어지다

카페24 오스퀘어는 기하학적 산세리프로 본문 가독성이 양호하나, 이순신체는 강한 필치 특성상 짧은 제목·캐치프레이즈에 한정해야 합니다.

분위기: 카페24 오스퀘어가 본문에서 모던하고 정돈된 인상을 깔고, 이순신체가 강렬한 손글씨로 역사적·영웅적 강조를 더합니다.
대비·계층: 정형 산세리프 본문과 굵은 붓글씨 제목 간의 형태 대비가 매우 커 위계는 분명하나, 톤 격차가 커서 디자인 의도가 필요합니다.
추천 용도: 역사·전통 캠페인 본문지자체 홍보물 안내문기념 행사 리플릿 본문전시 도록 설명 텍스트

어울리는 영문 폰트

제목Playfair DisplayMerriweatherEB Garamond

본문InterIBM Plex Sans

본문 오스퀘어의 깔끔한 산세리프에는 중립적인 Inter·IBM Plex Sans가 자연스럽고, 이순신체의 강한 손글씨 제목은 클래식 세리프 영문과 어울려 역사적 무게감을 보강합니다.

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

36~44px

22~26px

본문

16~17px

line-height

1.65

어울리는 색상

#1a1a1a

#8b0000

#f5efe6

어울리는 산업 톤

공공기관 신뢰역사·문화 캠페인지역 관광 홍보

38제목 카페24 오스퀘어 · 본문 이순신체

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

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

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

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

오늘도 단단한 마음으로 나아갑니다

카페24 오스퀘어는 정사각형 비례로 제목에서 또렷이 읽히지만, 이순신체는 손글씨 특성상 긴 본문에 장시간 노출되면 피로감이 큽니다. 짧은 캐치프레이즈 정도가 한계입니다.

분위기: 카페24 오스퀘어의 단정하고 기하학적인 산세리프 인상과 이순신체의 굵고 거친 붓글씨 손글씨가 어울리지 않아 톤이 충돌합니다. 두 폰트가 각자 다른 시대감을 풍겨 통합된 분위기를 만들기 어렵습니다.
대비·계층: 산세리프와 손글씨라는 카테고리 대비는 강하지만, 두 폰트 모두 굵은 인상이 강해 무게 위계가 명확하게 분리되지 않고 시각적으로 무겁게 느껴집니다.
추천 용도: 역사·전통 캠페인 포스터지자체 행사 안내문공익 슬로건 배너관광 홍보물 헤드라인

어울리는 영문 폰트

제목ManropePlus Jakarta SansGeistIBM Plex Sans

본문Source SerifLora

카페24 오스퀘어의 정사각형 모듈 구조에는 기하학적 산세리프가, 이순신체의 손글씨 정서에는 부드러운 세리프가 톤을 보완합니다.

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

36~44px

24~28px

본문

17~19px

line-height

1.7

어울리는 색상

#1a1a1a

#a8431f

#f4ede2

어울리는 산업 톤

공공기관 캠페인지역 관광 홍보전통 문화 행사

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

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

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

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