한글 페어링 · 큐레이션

배달의민족 기랑해랑+노토 세리프 KR

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

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

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

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

평가 결과 · 2개 케이스

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

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

68제목 배달의민족 기랑해랑 · 본문 노토 세리프 KR

배달의민족 기랑해랑B=제목용

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

+노토 세리프 KRA=본문용

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

오래된 책장 사이로 햇살이 스며든다

노토 세리프 KR은 다양한 웨이트와 안정된 자형으로 긴 글 읽기에 매우 적합하며, 기랑해랑은 짧은 제목·문구에서 시선을 끄는 데 효과적입니다.

분위기: 노토 세리프의 단정한 본문 위에 기랑해랑의 자유로운 손글씨가 포인트로 얹혀, 차분한 서사 속에 감성적 여백이 살아납니다.
대비·계층: 정형 세리프 본문과 비정형 손글씨 제목이라는 구조·리듬 대비가 강해 위계가 명확하지만, 기랑해랑이 400 단일 웨이트라 크기 차로 위계를 보강해야 합니다.
추천 용도: 에세이·문학 매거진 본문 레이아웃감성 브랜드 스토리 페이지출판물의 도입부 인용구수공예·로컬 카페 메뉴북전시 도록의 캡션·본문

어울리는 영문 폰트

제목CaveatShadows Into LightAmatic SCKalam

본문Source SerifEB GaramondLora

본문은 세리프 톤을 유지해 노토 세리프와 자형 리듬을 맞추고, 제목은 손글씨 계열 라틴으로 기랑해랑의 자유로운 인상을 이어갑니다.

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

36~44px

24~28px

본문

16~18px

line-height

1.7

어울리는 색상

#2b2118

#c08457

#f5efe6

어울리는 산업 톤

라이프스타일 매거진감성 출판로컬 F&B 따뜻함문화·전시 서정

52제목 노토 세리프 KR · 본문 배달의민족 기랑해랑

노토 세리프 KRB=제목용

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

+배달의민족 기랑해랑A=본문용

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

오래된 골목, 햇살이 머문 자리에서

기랑해랑은 디스플레이 손글씨라 긴 본문에는 가독성이 떨어지므로 짧은 캡션·인용 위주로만 본문 활용이 권장된다. 노토 세리프 KR 제목은 첫눈에 안정적으로 읽힌다.

분위기: 기랑해랑의 정겨운 손글씨 본문이 노토 세리프 KR의 단정한 세리프 제목과 만나 옛 편지지 같은 서정적 분위기를 만든다. 다만 본문에 손글씨를 쓰는 만큼 사용 맥락이 제한적이다.
대비·계층: 세리프 정자체 제목과 손글씨 본문이라는 구조적 대비가 뚜렷해 위계는 분명하지만, 본문 폰트의 강한 개성이 제목과 시각적 무게가 비슷해질 위험이 있다.
추천 용도: 감성 에세이 카드뉴스전통찻집·소품샵 메뉴문화행사 리플릿손편지 콘셉트 청첩장독립출판 시집 내지

어울리는 영문 폰트

제목EB GaramondLoraSource SerifPlayfair Display

본문CaveatShadows Into Light

노토 세리프 KR 제목에는 클래식한 올드스타일 세리프가 골격을 맞추고, 손글씨 본문에는 자연스러운 라틴 핸드라이팅을 합성하면 인상이 일관된다.

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

32~40px

22~26px

본문

17~19px

line-height

1.75

어울리는 색상

#3a2a1f

#c2956a

#f5efe6

어울리는 산업 톤

라이프스타일 매거진전통·공예 브랜드감성 F&B문화예술 큐레이션

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

@import url('https://fonts.googleapis.com/css2?family=Kirang+Haerang&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: 'Kirang Haerang', sans-serif;
}

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