한글 페어링 · 큐레이션

배달의민족 도현+프리텐다드

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

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

A:배달의민족 도현· 제작 우아한형제들|B:프리텐다드· 제작 길형진

→ 각 폰트 종합 가이드: 배달의민족 도현 가이드·프리텐다드 가이드

평가 결과 · 2개 케이스

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

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

88제목 배달의민족 도현 · 본문 프리텐다드

배달의민족 도현A=제목용

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

+프리텐다드B=본문용

제작길형진상업 무료다운로드

오늘 저녁, 무엇을 시킬까요?

도현체는 두꺼운 획과 넓은 속공간으로 제목에서 시선을 강하게 잡고, Pretendard는 다양한 웨이트와 안정된 자소 구조로 긴 본문 가독성이 매우 우수하다.

분위기: 도현체의 굵직하고 친근한 인상이 Pretendard의 깔끔한 중립감과 결합해 활기차면서도 정돈된 톤을 만든다.
대비·계층: 디스플레이 폰트와 중성 산세리프의 조합이라 형태 대비가 뚜렷하고, Pretendard의 9단 웨이트로 위계 조절도 유연하다.
추천 용도: 이벤트·프로모션 랜딩 페이지F&B 브랜드 웹사이트모바일 앱 배너 및 푸시캠페인 포스터스타트업 소개 페이지

어울리는 영문 폰트

제목Bagel Fat OneArchivo BlackBricolage GrotesqueManropePlus Jakarta Sans

본문Pretendard LatinInterIBM Plex Sans

도현체의 둥글고 볼드한 인상에는 묵직한 디스플레이 라틴이 어울리고, Pretendard 본문에는 동일 패밀리 라틴이 가장 자연스럽다.

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

40~56px

24~30px

본문

16~17px

line-height

1.65

어울리는 색상

#2ac1bc

#ffd43b

#f8f9fa

어울리는 산업 톤

F&B 친근이커머스 활기캠페인 임팩트라이프스타일 캐주얼

58제목 프리텐다드 · 본문 배달의민족 도현

프리텐다드A=제목용

제작길형진상업 무료다운로드

+배달의민족 도현B=본문용

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

오늘도 깔끔하게 정돈된 하루

제목의 프리텐다드는 다양한 굵기로 정보 위계를 깔끔히 잡지만, 본문에 배치된 도현체는 굵은 단일 웨이트로 긴 글에는 피로감을 유발한다.

분위기: 프리텐다드의 모던하고 중립적인 인상이 도현체의 굵고 친근한 캐릭터와 만나 캐주얼한 임팩트를 만든다. 다만 도현체가 본문용으로는 다소 강한 개성을 띤다.
대비·계층: 프리텐다드의 기하학적 중립감과 도현체의 둥글고 두꺼운 캐릭터가 대비를 만들지만, 본문 도현체가 시각적으로 너무 강해 위계가 역전될 위험이 있다.
추천 용도: 이벤트 랜딩 페이지프로모션 배너F&B 메뉴 페이지캠페인 포스터

어울리는 영문 폰트

제목InterPretendard LatinManropeGeist

본문Plus Jakarta SansIBM Plex Sans

프리텐다드 제목과의 합성에는 동일 패밀리인 Pretendard Latin이 가장 자연스럽고, Inter·Manrope도 기하학적 톤이 잘 맞는다.

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

36~44px

22~26px

본문

16~18px

line-height

1.7

어울리는 색상

#1a1a1a

#ffb800

#fff8e7

어울리는 산업 톤

F&B 친근이커머스 캐주얼프로모션 임팩트

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

@import url('https://cdn.jsdelivr.net/gh/fonts-archive/BMDOHYEON/subsets/BMDOHYEON-dynamic-subset.css');
@import url('https://cdn.jsdelivr.net/gh/orioncactus/[email protected]/dist/web/variable/pretendardvariable.css');

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

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