한글 페어링 · 큐레이션

배달의민족 연성+노토 세리프 KR

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

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

A:배달의민족 연성· 제작 우아한형제들|B:노토 세리프 KR· 제작 구글·어도비

→ 각 폰트 종합 가이드: 배달의민족 연성 가이드·노토 세리프 KR 가이드

평가 결과 · 2개 케이스

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

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

42제목 배달의민족 연성 · 본문 노토 세리프 KR

배달의민족 연성A=제목용

제작우아한형제들상업 무료다운로드

+노토 세리프 KRB=본문용

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

따뜻한 국물 한 그릇, 마음까지 채워주는 맛

제목으로서 배달의민족 연성은 짧은 문구에서 눈에 띄지만, 본문용 노토 세리프 KR 200 웨이트는 한국어 화면 가독성에서 너무 가늘어 피로도가 높습니다. 본문은 최소 400 이상 필요합니다.

분위기: 배달의민족 연성의 친근하고 캐주얼한 손글씨 감성과 노토 세리프 KR의 정중하고 전통적인 세리프 분위기가 충돌합니다. 톤의 불일치로 인해 일관된 브랜드 정체성을 형성하기 어렵습니다.
대비·계층: sans 손글씨 vs serif 정통 폰트로 구조적 대비는 명확하지만, 무게감의 불균형(제목 400 vs 본문 200~300)으로 인해 위계가 뒤바뀐 느낌을 줍니다.
추천 용도: 캐주얼 푸드 블로그·레시피 사이트 (제목 강조용)어린이 교육 콘텐츠 (친근함 + 읽기 용이성 필요 시 본문 웨이트 상향)이벤트 포스터·전단 (제목만 활용)

어울리는 영문 폰트

제목ManropePlus Jakarta SansGeist

본문Source SerifEB Garamond

배달의민족 연성의 캐주얼함을 보완하려면 현대적 sans(Manrope, Geist)가 제목에 어울리고, 본문은 serif 톤을 유지하되 Source Serif처럼 따뜻하고 읽기 편한 세리프를 권장합니다.

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

36~44px

22~26px

본문

16~17px

line-height

1.65

어울리는 색상

#2d2d2d

#ff6b35

#f9f6f0

어울리는 산업 톤

F&B 캐주얼라이프스타일 블로그

42제목 노토 세리프 KR · 본문 배달의민족 연성

노토 세리프 KRB=제목용

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

+배달의민족 연성A=본문용

제작우아한형제들상업 무료다운로드

따뜻한 국밥 한 그릇, 세리프로 품격을 더하다.

본문용 배달의민족 연성은 손글씨 특성상 긴 텍스트 읽기에 피로도가 높으며, 제목용 노토 세리프 KR 200~300 웨이트는 화면에서 가독성이 떨어집니다. 역할 배치가 최적화되지 않았습니다.

분위기: 배달의민족 연성의 친근하고 캐주얼한 손글씨 감성과 노토 세리프 KR의 격식 있고 우아한 세리프 톤이 충돌합니다. 분위기의 일관성이 약해 통합된 브랜드 정체성을 형성하기 어렵습니다.
대비·계층: sans 손글씨 vs serif 정통 폰트의 구조적 대비는 명확하지만, 무게감의 역전(본문이 더 개성 강함)으로 인해 정보 위계가 불명확합니다. 제목이 본문보다 약해 보일 수 있습니다.
추천 용도: 캐주얼 F&B 메뉴판 (배달 앱 톤 활용)아동·교육 콘텐츠 (손글씨 친근감 활용, 제목은 serif로 격식)이벤트 포스터 (대비 강조, 제목 웨이트 700 이상 사용 시)

어울리는 영문 폰트

제목Playfair DisplayEB GaramondLora

본문InterSource Sans Pro

배달의민족 연성의 캐주얼함을 보완하려면 serif 제목(Playfair)과 깔끔한 sans 본문(Inter)의 조합이 더 적절합니다. 현재 페어는 한글만으로도 톤 충돌이 있어 영문 추가 시 더욱 복잡해집니다.

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

36~44px

20~24px

본문

15~17px

line-height

1.7

어울리는 색상

#2d2d2d

#ff6b35

#f9f6f0

어울리는 산업 톤

F&B 캐주얼교육 따뜻

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

@import url('https://fonts.googleapis.com/css2?family=Yeon+Sung&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@200;400;600;700;900&display=swap');

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

/* 본문 */
body, p {
  font-family: 'Noto Serif KR', sans-serif;
}