한글 페어링 · 큐레이션

카페24 단정해+코트라 글로벌

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

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

A:카페24 단정해· 제작 카페24|B:코트라 글로벌· 제작 코트라

→ 각 폰트 종합 가이드: 카페24 단정해 가이드·코트라 글로벌 가이드

평가 결과 · 2개 케이스

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

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

68제목 코트라 글로벌 · 본문 카페24 단정해

코트라 글로벌B=제목용ⓘ 미리보기는 프리텐다드

제작코트라상업 무료다운로드

+카페24 단정해A=본문용

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

단정한 문장이 하루의 결을 가다듬습니다.

카페24 단정해는 단정한 골격으로 본문 가독성이 양호하나 다소 디스플레이 성향이 있어 짧은 단락에 적합하며, KOTRA 글로벌은 세리프의 무게감으로 제목에서 시선을 잡습니다.

분위기: 카페24 단정해의 정갈하고 단아한 본문 위에 KOTRA 글로벌의 격조 있는 세리프 제목이 얹혀 차분하면서도 품격 있는 톤을 형성합니다.
대비·계층: 본문 산세리프와 제목 세리프의 구조적 대비가 명확하지만 두 폰트 모두 400 웨이트라 굵기 위계는 약해, 사이즈 차이로 보완해야 합니다.
추천 용도: 문화·예술 브로슈어 본문공공기관 안내 책자전통·공예 브랜드 카탈로그정책 리포트 내지라이프스타일 매거진 칼럼

어울리는 영문 폰트

제목EB GaramondSource SerifIBM Plex Serif

본문IBM Plex SansSource Sans Pro

본문 산세리프-제목 세리프 구조를 영문에서도 동일하게 가져가면 위계가 자연스럽고, 클래식한 세리프가 KOTRA 글로벌의 격조와 조응합니다.

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

32~40px

22~26px

본문

16~17px

line-height

1.7

어울리는 색상

#2b2a28

#a8895c

#f5efe6

어울리는 산업 톤

공공기관 신뢰문화·예술 차분라이프스타일 매거진

62제목 카페24 단정해 · 본문 코트라 글로벌

카페24 단정해B=제목용

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

+코트라 글로벌A=본문용ⓘ 미리보기는 프리텐다드

제작코트라상업 무료다운로드

차분한 문장 위, 단정한 제목이 인사합니다

코트라 글로벌은 정돈된 획과 균형 잡힌 비례로 긴 본문 읽기에 무난하며, 단정해는 가독성보다 인상이 강해 짧은 제목·캡션에 적합합니다.

분위기: 코트라 글로벌의 차분한 세리프가 본문을 안정적으로 이끌고, 카페24 단정해의 둥글고 부드러운 산세리프가 제목에서 친근한 포인트를 더합니다.
대비·계층: 세리프 본문과 라운드 산세리프 제목의 형태 대비는 분명하지만, 두 폰트 모두 400 단일 웨이트라 굵기 위계가 약해 사이즈 차로 보완해야 합니다.
추천 용도: 문화·여행 매거진 본문공공기관 안내 책자교육 콘텐츠 학습자료라이프스타일 뉴스레터

어울리는 영문 폰트

제목ManropePlus Jakarta SansQuicksand

본문Source SerifLora

단정해의 둥근 산세리프는 라운드한 지오메트릭 산세리프와 잘 어울리고, 코트라 글로벌은 인문적 세리프와 합성해야 본문 톤이 자연스럽게 이어집니다.

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

32~40px

22~26px

본문

16~18px

line-height

1.7

어울리는 색상

#2b3a55

#d9a86c

#f6f1e8

어울리는 산업 톤

공공기관 신뢰교육 따뜻라이프스타일 매거진

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

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

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

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