한글 페어링 · 큐레이션

코트라 도약+티몬 몬소리

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

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

A:코트라 도약· 제작 코트라|B:티몬 몬소리· 제작 티몬

→ 각 폰트 종합 가이드: 코트라 도약 가이드·티몬 몬소리 가이드

평가 결과 · 2개 케이스

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

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

62제목 티몬 몬소리 · 본문 코트라 도약

티몬 몬소리A=제목용

제작티몬상업 무료다운로드

+코트라 도약B=본문용ⓘ 미리보기는 프리텐다드

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

오늘만 특별한 가격, 지금 만나보세요

몬소리는 큰 사이즈 제목에서 시선을 강하게 끌고, 코트라 도약은 세리프 특유의 안정된 흐름으로 긴 본문에서도 무난한 가독성을 제공한다.

분위기: 티몬 몬소리의 장난기 있는 디스플레이 인상과 코트라 도약의 묵직한 세리프 권위감이 다소 어긋나지만, 캠페인성 콘텐츠에서는 흥미로운 대비를 만든다.
대비·계층: 디스플레이 sans와 정통 serif의 카테고리 대비가 분명해 위계는 잘 잡히지만, 톤이 너무 달라 무드 정합성이 약하다.
추천 용도: 이벤트 프로모션 랜딩 헤더브랜드 캠페인 포스터리테일 매거진 표지유튜브 썸네일 타이틀

어울리는 영문 폰트

제목Bagel Fat OneBricolage GrotesqueArchivo BlackFraunces

본문Source SerifLora

몬소리의 통통하고 캐주얼한 곡선은 둥근 디스플레이 라틴과 어울리고, 코트라 도약의 정통 세리프는 클래식한 본문 세리프와 합성 시 위계가 자연스럽다.

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

44~56px

24~30px

본문

16~18px

line-height

1.7

어울리는 색상

#e8442c

#f5b733

#fdf6ec

어울리는 산업 톤

이커머스 캠페인F&B 친근라이프스타일 매거진

42제목 코트라 도약 · 본문 티몬 몬소리

코트라 도약B=제목용ⓘ 미리보기는 프리텐다드

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

+티몬 몬소리A=본문용

제작티몬상업 무료다운로드

오늘만 특별한 가격, 지금 만나보세요

티몬 몬소리는 디스플레이 성향이 강해 긴 본문에 쓰면 피로도가 큽니다. 짧은 캡션·태그라인 수준으로만 본문 역할이 성립하며, 코트라 도약 제목은 또렷하게 시선을 잡습니다.

분위기: 티몬 몬소리의 장난기 있는 디스플레이 인상이 본문을 주도하고, 코트라 도약의 묵직한 세리프가 강조 제목으로 올라가면 두 폰트의 성격이 충돌합니다. 캐주얼·팝과 권위·전통이 한 화면에서 부딪혀 일관된 톤을 만들기 어렵습니다.
대비·계층: 세리프 vs 디스플레이 산세리프의 형태 대비는 크지만, 같은 400 웨이트와 상반된 무게감 때문에 위계가 정돈되기보다 산만하게 느껴집니다.
추천 용도: 이벤트 프로모션 랜딩의 짧은 카피 본문캠페인 포스터 서브 텍스트리테일 SNS 카드뉴스의 강조 문구팝업 스토어 배너 보조 문구

어울리는 영문 폰트

제목Playfair DisplayEB GaramondSource Serif

본문ManropePlus Jakarta Sans

제목 세리프에는 클래식한 라틴 세리프를 매칭해 코트라 도약의 권위감을 보강하고, 본문 디스플레이 산세리프에는 부드러운 지오메트릭 산세리프를 합성해 친근함을 유지합니다.

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

32~40px

22~26px

본문

16~18px

line-height

1.7

어울리는 색상

#d6334d

#f5b400

#fff8ee

어울리는 산업 톤

이커머스 프로모션F&B 친근리테일 캠페인

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

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

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

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