한글 페어링 · 큐레이션

JS 동까비+마루 부리

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

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

A:JS 동까비· 제작 정스튜디오|B:마루 부리· 제작 네이버

→ 각 폰트 종합 가이드: JS 동까비 가이드·마루 부리 가이드

평가 결과 · 2개 케이스

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

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

72제목 JS 동까비 · 본문 마루 부리

JS 동까비A=제목용ⓘ 미리보기는 프리텐다드

제작정스튜디오상업 무료

+마루 부리B=본문용

제작네이버상업 무료다운로드

오늘은 천천히 걷기로 했어요

동까비는 캐주얼한 인상으로 짧은 제목에 시선을 끌고, 마루 부리는 부드러운 곡선과 안정된 자소로 긴 본문 가독성이 우수합니다.

분위기: JS 동까비의 손글씨풍 친근함이 마루 부리의 단정한 명조 본문과 만나 따뜻하면서도 정돈된 감성을 전달합니다.
대비·계층: 디스플레이 손글씨와 정통 명조의 카테고리 차이가 명확해 위계는 강하나, 동까비의 가벼움이 본문 무게감과 어울리려면 제목 사이즈를 충분히 키워야 합니다.
추천 용도: 에세이·도서 표지라이프스타일 매거진 칼럼감성 카페 메뉴판동화·아동 콘텐츠 표지브랜드 스토리 페이지

어울리는 영문 폰트

제목CaveatPlayfair DisplayFrauncesLora

본문EB GaramondSource Serif

동까비의 손글씨 감성에는 Caveat 같은 핸드라이팅이나 Playfair Display의 부드러운 세리프가 어울리고, 본문은 마루 부리의 곡선과 호응하는 클래식 세리프가 자연스럽습니다.

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

44~56px

26~32px

본문

16~18px

line-height

1.7

어울리는 색상

#3d2f23

#c97b5a

#f7f1e6

어울리는 산업 톤

라이프스타일 매거진출판 에세이교육 따뜻F&B 친근

42제목 마루 부리 · 본문 JS 동까비

마루 부리A=제목용

제작네이버상업 무료다운로드

+JS 동까비B=본문용ⓘ 미리보기는 프리텐다드

제작정스튜디오상업 무료

오늘의 이야기, 천천히 펼쳐 보세요

마루 부리는 제목에서 우아한 흐름을 만들지만, 본문에 디스플레이 폰트인 JS 동까비를 쓰면 긴 문장 가독성이 크게 떨어집니다.

분위기: 마루 부리의 차분하고 서정적인 세리프와 JS 동까비의 장난스러운 디스플레이 인상이 결이 달라 톤이 충돌합니다. 한쪽은 문학적, 한쪽은 캐주얼해 일관된 분위기 형성이 어렵습니다.
대비·계층: 세리프 제목과 디스플레이 본문이라는 조합 자체가 일반적 위계를 뒤집어, 정보 구조의 명확성이 약합니다.
추천 용도: 짧은 카드형 콘텐츠이벤트 페이지 헤드라인캐릭터 굿즈 패키지어린이 도서 표지

어울리는 영문 폰트

제목EB GaramondLoraSource SerifPlayfair Display

본문InterManrope

마루 부리의 부드러운 세리프 곡선과 어울리는 클래식·문학적 라틴 세리프를 제목에 매칭하고, 본문은 디스플레이 한글의 가독성 보완을 위해 깔끔한 산세리프로 보강합니다.

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

36~44px

22~26px

본문

17~19px

line-height

1.7

어울리는 색상

#2d2a26

#c97b50

#f5efe6

어울리는 산업 톤

라이프스타일 매거진교육 따뜻문화·출판

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

@import url('https://fonts.googleapis.com/css2?family=Gowun+Batang:wght@400;700&display=swap');

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

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