한글 페어링 · 큐레이션

노토 산스 KR+선플라워

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

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

A:노토 산스 KR· 제작 구글·어도비|B:선플라워· 제작 LE'TS

→ 각 폰트 종합 가이드: 노토 산스 KR 가이드·선플라워 가이드

평가 결과 · 2개 케이스

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

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

74제목 선플라워 · 본문 노토 산스 KR

선플라워A=제목용

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

+노토 산스 KRB=본문용

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

오늘의 작은 행복을 기록합니다

선플라워는 700 웨이트에서 시선을 끄는 제목 역할에 적합하며, 노토 산스 KR은 다양한 웨이트와 안정적인 자족으로 긴 본문 가독성이 뛰어나다.

분위기: 선플라워의 부드럽고 둥근 인상이 노토 산스 KR의 중립적이고 단정한 본문 톤과 자연스럽게 어우러져 친근하면서도 정돈된 분위기를 만든다.
대비·계층: 선플라워 700과 노토 산스 KR 400의 웨이트 격차로 위계는 명확하나, 두 폰트 모두 산세리프 계열이라 형태 대비는 다소 약한 편이다.
추천 용도: 라이프스타일 블로그교육 콘텐츠 웹사이트브랜드 소개 페이지친근한 톤의 앱 UI

어울리는 영문 폰트

제목ManropePlus Jakarta SansGeist

본문InterIBM Plex Sans

선플라워의 둥근 인상에 맞춰 부드러운 라운드 곡선을 가진 Manrope·Plus Jakarta Sans가 자연스럽고, 본문은 노토와 구조적 친화도가 높은 Inter 계열이 안정적이다.

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

36~44px

24~28px

본문

16~17px

line-height

1.65

어울리는 색상

#2b2b2b

#f4a261

#fdf6ec

어울리는 산업 톤

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

62제목 노토 산스 KR · 본문 선플라워

노토 산스 KRA=제목용

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

+선플라워B=본문용

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

오늘의 작은 이야기를 들려드립니다

노토 산스 KR은 다양한 웨이트와 검증된 자형으로 제목에서 명료하게 읽히며, 선플라워는 둥근 곡선이 매력이지만 본문 장문 가독성은 노토 산스 대비 다소 약합니다.

분위기: 노토 산스 KR의 중립적이고 안정적인 인상이 선플라워의 둥글고 부드러운 디스플레이 감성을 차분하게 받쳐줍니다. 다만 두 폰트 모두 산세리프 계열이라 강한 대비보다는 온화한 톤이 형성됩니다.
대비·계층: 노토 산스 900으로 제목을 강하게 잡고 선플라워 300으로 본문을 풀면 굵기 대비는 확보되지만, 두 폰트의 구조적 차이가 크지 않아 형태 대비는 중간 수준입니다.
추천 용도: 브랜드 소개 페이지캠페인 랜딩 페이지라이프스타일 매거진 웹이벤트 안내 포스터감성 카드뉴스

어울리는 영문 폰트

제목InterManropePlus Jakarta SansIBM Plex Sans

본문InterSource Sans Pro

노토 산스 KR의 기하학적이고 중립적인 골격은 Inter·Manrope처럼 균형 잡힌 모던 산세리프와 자연스럽게 어울리며, 본문에서는 동일 패밀리감의 산세리프가 톤을 흐트러뜨리지 않습니다.

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

36~44px

24~28px

본문

16~17px

line-height

1.7

어울리는 색상

#2b2b2b

#e8b14f

#faf6ee

어울리는 산업 톤

라이프스타일 매거진F&B 친근교육 따뜻브랜드 캠페인 감성

구현 코드 · 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=Sunflower:wght@300;500;700&display=swap');

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

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