한글 페어링 · 큐레이션

카페24 오스퀘어+KoPub 월드 돋움

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

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

A:카페24 오스퀘어· 제작 카페24|B:KoPub 월드 돋움· 제작 한국출판인회의

→ 각 폰트 종합 가이드: 카페24 오스퀘어 가이드·KoPub 월드 돋움 가이드

평가 결과 · 2개 케이스

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

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

84제목 카페24 오스퀘어 · 본문 KoPub 월드 돋움

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

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

+KoPub 월드 돋움B=본문용

제작한국출판인회의상업 무료다운로드

오늘부터 시작하는 브랜드 이야기

오스퀘어는 굵은 700 웨이트에서 시선을 강하게 끌고, KoPub 월드 돋움은 본문 가독성에 최적화된 균형 잡힌 자형으로 긴 문장도 무리 없이 읽힙니다.

분위기: 카페24 오스퀘어의 둥글고 단단한 인상이 KoPub 월드 돋움의 정제된 중립감과 만나 친근하면서도 신뢰감 있는 톤을 형성합니다.
대비·계층: 제목의 둥근 지오메트릭 강세와 본문의 차분한 휴머니스트 돋움이 충분한 웨이트·인상 대비를 만들어 명확한 정보 위계를 형성합니다.
추천 용도: 브랜드 랜딩페이지 히어로 영역이커머스 프로모션 배너라이프스타일 매거진 기사스타트업 소개 자료교육 콘텐츠 카드뉴스

어울리는 영문 폰트

제목ManropePlus Jakarta SansGeistSatoshi

본문InterIBM Plex SansSource Sans Pro

오스퀘어의 둥근 지오메트릭 인상에는 Manrope·Jakarta처럼 부드러운 곡선의 모던 산세리프가 자연스럽게 어울리고, KoPub 본문에는 중립적이고 가독성이 검증된 Inter·IBM Plex가 안정적입니다.

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

40~52px

24~30px

본문

16~18px

line-height

1.65

어울리는 색상

#1f2937

#f97316

#f5f1ea

어울리는 산업 톤

이커머스 깔끔라이프스타일 매거진스타트업 친근교육 따뜻

68제목 KoPub 월드 돋움 · 본문 카페24 오스퀘어

KoPub 월드 돋움B=제목용

제작한국출판인회의상업 무료다운로드

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

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

매일의 정보를 또렷하게 전합니다

오스퀘어는 글자 폭이 넓고 획이 균일해 짧은 단락 본문에 가독성이 적절하며, 월드 돋움은 제목에서 안정적인 인지력을 보장합니다.

분위기: 카페24 오스퀘어의 또렷한 기하학적 인상이 본문 영역의 시선을 잡고, KoPub 월드 돋움 제목이 정돈된 출판 분위기로 마무리합니다.
대비·계층: 둘 다 산세리프 계열이라 형태 대비는 약하지만, Bold 월드 돋움 제목과 Regular 오스퀘어 본문 사이 무게 대비로 위계가 형성됩니다.
추천 용도: 브랜드 소개 페이지 본문이커머스 상품 설명 영역공공기관 안내 책자교육 콘텐츠 본문 카드

어울리는 영문 폰트

제목IBM Plex SansInterManrope

본문Source Sans ProInter

월드 돋움 제목의 출판 톤은 IBM Plex Sans·Inter의 정직한 골격과 어울리고, 오스퀘어 본문은 Source Sans Pro의 안정적 x-height와 합성 시 균형이 좋습니다.

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

32~40px

22~26px

본문

16~17px

line-height

1.7

어울리는 색상

#1f2933

#3d7eaa

#f3f5f7

어울리는 산업 톤

공공기관 신뢰교육 따뜻B2B SaaS

구현 코드 · 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/KoPubDotum/subsets/KoPubDotum-dynamic-subset.css');

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

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