한글 페어링 · 큐레이션

노토 산스 KR+스타일리쉬

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

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

A:노토 산스 KR· 제작 구글·어도비|B:스타일리쉬· 제작 LE'TS

→ 각 폰트 종합 가이드: 노토 산스 KR 가이드·스타일리쉬 가이드

평가 결과 · 2개 케이스

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

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

82제목 스타일리쉬 · 본문 노토 산스 KR

스타일리쉬A=제목용

제작LE'TS상업 무료다운로드

+노토 산스 KRB=본문용

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

오늘의 무드, 새로운 시작을 만나다

스타일리쉬는 짧은 헤드라인에서 시선을 끌기 좋고, 노토 산스 KR은 다양한 웨이트와 안정된 자간으로 긴 본문에 최적화되어 있어 역할 분담이 자연스럽습니다.

분위기: 스타일리쉬의 길쭉하고 세련된 디스플레이 인상이 노토 산스 KR의 중립적이고 깔끔한 본문 톤과 만나 도시적이고 모던한 분위기를 만듭니다.
대비·계층: 디스플레이 산세리프와 휴머니스트 산세리프의 골격 차이, 그리고 400 단일 웨이트와 100~900 풀 패밀리의 조합이 명확한 위계를 만듭니다.
추천 용도: 패션·뷰티 매거진 헤드라인라이프스타일 브랜드 웹사이트전시·공연 포스터프리미엄 이커머스 메인 비주얼

어울리는 영문 폰트

제목Playfair DisplayManropeGeistSatoshi

본문InterIBM Plex Sans

스타일리쉬의 길쭉한 비례에는 콘트라스트가 살아있는 Playfair나 모던 산스인 Manrope·Satoshi가 어울리고, 노토 산스 KR 본문에는 중립적 가독성의 Inter·IBM Plex Sans가 자연스럽게 합쳐집니다.

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

44~56px

26~32px

본문

16~17px

line-height

1.65

어울리는 색상

#1a1a1a

#c89b6c

#f5efe6

어울리는 산업 톤

패션·뷰티 모던라이프스타일 매거진프리미엄 이커머스

58제목 노토 산스 KR · 본문 스타일리쉬

노토 산스 KRA=제목용

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

+스타일리쉬B=본문용

제작LE'TS상업 무료다운로드

오늘의 무드를 가장 단단하게 정리하다

노토 산스 KR은 다양한 웨이트로 제목 가독성이 뛰어나지만, 스타일리쉬는 단일 400 웨이트의 얇은 획이라 긴 본문보다 짧은 캡션·인용구에 적합합니다.

분위기: 노토 산스 KR의 중립적이고 정돈된 인상이 제목을 안정적으로 잡아주지만, 스타일리쉬의 가는 디스플레이성 획이 본문에서 다소 이질감을 줍니다.
대비·계층: 굵은 노토 산스 Black/Bold 제목과 가느다란 스타일리쉬 본문의 두께 대비는 분명하나, 본문 가독성 손실로 위계 효과가 반감됩니다.
추천 용도: 패션·뷰티 매거진 표지라이프스타일 브랜드 룩북전시·갤러리 도록 제목부감각적 캠페인 키비주얼

어울리는 영문 폰트

제목InterHelvetica NeueManropeGeist

본문InterIBM Plex Sans

노토 산스 KR의 중립적 산세리프 구조와 가장 잘 맞물리는 기하·휴머니스트 산세리프를 매칭해 제목 위계와 본문 일관성을 유지합니다.

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

40~52px

24~30px

본문

15~17px

line-height

1.65

어울리는 색상

#1a1a1a

#c8a27a

#f5efe6

어울리는 산업 톤

패션·뷰티 감성라이프스타일 매거진프리미엄 리테일

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Stylish&display=swap');

/* 제목 */
h1, h2, h3 {
  font-family: 'Noto Sans KR', sans-serif;
}

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