한글 페어링 · 큐레이션

푸른전남체+카페24 오스퀘어

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

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

A:푸른전남체· 제작 전라남도|B:카페24 오스퀘어· 제작 카페24

→ 각 폰트 종합 가이드: 푸른전남체 가이드·카페24 오스퀘어 가이드

평가 결과 · 2개 케이스

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

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

74제목 푸른전남체 · 본문 카페24 오스퀘어

푸른전남체A=제목용ⓘ 미리보기는 프리텐다드

제작전라남도상업 무료다운로드

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

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

남도의 바람이 전하는 따뜻한 이야기

푸른전남체는 700 웨이트에서 헤드라인 가독성이 확보되고, 카페24 오스퀘어는 균일한 자폭과 적당한 x-height로 본문 호흡이 안정적입니다.

분위기: 푸른전남체의 지역적 정체성과 단정한 인상이 카페24 오스퀘어의 둥글고 명료한 본문 톤과 만나 친근하면서도 신뢰감 있는 분위기를 만듭니다.
대비·계층: 둘 다 산세리프 계열이라 형태 대비는 약하지만 웨이트(700 vs 400)와 크기 차이로 위계는 충분히 잡힙니다.
추천 용도: 지자체 홍보물공공 캠페인 웹사이트지역 관광 브로슈어교육·문화 행사 포스터

어울리는 영문 폰트

제목ManropePlus Jakarta SansInter

본문InterIBM Plex Sans

푸른전남체의 단정한 골격에는 기하학적 균형감을 가진 Manrope·Jakarta가 잘 맞고, 본문은 중립적이고 가독성 높은 Inter 계열이 오스퀘어의 둥근 인상을 보완합니다.

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

36~44px

24~28px

본문

16~17px

line-height

1.65

어울리는 색상

#1f4e79

#5fb3d9

#f3f6fa

어울리는 산업 톤

공공기관 신뢰지역 관광 친근교육 따뜻

72제목 카페24 오스퀘어 · 본문 푸른전남체

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

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

+푸른전남체A=본문용ⓘ 미리보기는 프리텐다드

제작전라남도상업 무료다운로드

남쪽 바다의 햇살이 페이지마다 스며듭니다.

푸른전남체는 균일한 획과 적당한 자폭으로 긴 문장에서도 시선 흐름을 방해하지 않고, 카페24 오스퀘어는 굵은 사각 골격이 짧은 헤드라인을 또렷하게 잡아줍니다.

분위기: 푸른전남체의 부드럽고 정갈한 본문 흐름 위에 카페24 오스퀘어의 각진 스퀘어 헤드라인이 또렷한 강조점을 만들어 안정적이면서도 활기 있는 톤을 형성합니다.
대비·계층: 본문의 둥글고 인간적인 인상과 제목의 직각 기하 골격이 형태 대비를 만들며, 700 웨이트의 카페24 오스퀘어를 쓰면 위계가 한층 명확해집니다.
추천 용도: 지자체·공공 캠페인 리플릿 본문관광 안내 책자지역 브랜드 웹사이트 본문 영역교육·문화 행사 안내문F&B 메뉴 설명문

어울리는 영문 폰트

제목Plus Jakarta SansManropeInter

본문Source Sans ProIBM Plex Sans

본문 푸른전남체의 휴머니스트 톤에는 열린 카운터의 Source Sans Pro·IBM Plex Sans가 자연스럽고, 제목의 스퀘어 골격에는 기하학적 단정함을 가진 Plus Jakarta Sans·Manrope가 균형을 맞춥니다.

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

32~40px

22~26px

본문

16~18px

line-height

1.7

어울리는 색상

#1f3a5f

#f2a93b

#f5f1ea

어울리는 산업 톤

공공기관 신뢰지역 관광 친근교육 따뜻

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

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

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

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