한글 페어링 · 큐레이션

본고딕+티몬 몬소리

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

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

A:본고딕· 제작 어도비·구글|B:티몬 몬소리· 제작 티몬

→ 각 폰트 종합 가이드: 본고딕 가이드·티몬 몬소리 가이드

평가 결과 · 2개 케이스

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

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

82제목 티몬 몬소리 · 본문 본고딕

티몬 몬소리A=제목용

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

+본고딕B=본문용ⓘ 미리보기는 프리텐다드

제작어도비·구글상업 무료다운로드

오늘만 특별한 가격, 놓치지 마세요!

제목의 몬소리는 굵고 캐주얼한 획으로 시선을 강하게 끌고, 본고딕은 다양한 웨이트와 균일한 자폭으로 긴 본문에서도 피로 없이 읽힙니다.

분위기: 티몬 몬소리의 손글씨 같은 친근하고 발랄한 인상을 본고딕의 차분하고 정돈된 본문이 안정감 있게 받쳐줍니다.
대비·계층: 디스플레이 폰트와 정통 산세리프의 대비가 명확해 제목·본문 위계가 한눈에 구분됩니다.
추천 용도: 이커머스 프로모션 배너F&B 브랜드 SNS 콘텐츠라이프스타일 매거진 헤드라인캠페인 랜딩 페이지

어울리는 영문 폰트

제목Plus Jakarta SansManropeSatoshi

본문InterIBM Plex Sans

몬소리의 둥글고 친근한 인상엔 라운드한 터미널을 가진 Jakarta·Manrope가 어울리고, 본고딕 본문엔 중립적이고 가독성이 검증된 Inter 계열이 안정적입니다.

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

44~56px

26~32px

본문

16~18px

line-height

1.7

어울리는 색상

#ff4d4d

#ffc93c

#fff8f0

어울리는 산업 톤

이커머스 깔끔F&B 친근스타트업 임팩트

62제목 본고딕 · 본문 티몬 몬소리

본고딕A=제목용ⓘ 미리보기는 프리텐다드

제작어도비·구글상업 무료다운로드

+티몬 몬소리B=본문용

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

오늘의 특가, 지금 만나보세요

본고딕은 다양한 웨이트로 제목 위계 표현이 명확하지만, 티몬 몬소리는 디스플레이 성격이 강해 본문 장문 가독성은 다소 제한적입니다. 짧은 카피·소개문 수준의 본문에 적합합니다.

분위기: 본고딕의 중립적이고 정제된 인상이 티몬 몬소리의 둥글고 친근한 손글씨 느낌과 만나 캐주얼하면서도 안정적인 톤을 형성합니다. 다만 두 폰트의 성격이 달라 정보성보다는 프로모션·캠페인 맥락에 어울립니다.
대비·계층: 본고딕 Bold/Black 제목과 티몬 몬소리 Regular 본문이 구조(기하학적 sans) vs 손맛(휴머니스트 캐주얼)의 스타일 대비를 만듭니다. 웨이트 대비도 충분해 정보 계층은 잘 구분됩니다.
추천 용도: 이커머스 프로모션 배너F&B 브랜드 캠페인 페이지라이프스타일 SNS 카드뉴스이벤트 랜딩페이지친근한 톤의 상세페이지

어울리는 영문 폰트

제목InterPretendard LatinManropeIBM Plex SansHelvetica Neue

본문Plus Jakarta SansManropeInter

본고딕은 중립적 기하학 구조라 Inter·Manrope 같은 모던 산세리프와 합성 글꼴 결합 시 위계가 자연스럽게 이어집니다. 본문 티몬 몬소리의 둥근 인상은 Manrope의 부드러운 곡선과 매칭됩니다.

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

36~44px

24~28px

본문

16~18px

line-height

1.65

어울리는 색상

#1a1a1a

#ff5a5f

#fff7f0

어울리는 산업 톤

이커머스 친근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;
}