한글 페어링 · 큐레이션

노토 산스 KR+프리텐다드

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

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

A:노토 산스 KR· 제작 구글·어도비|B:프리텐다드· 제작 길형진

→ 각 폰트 종합 가이드: 노토 산스 KR 가이드·프리텐다드 가이드

평가 결과 · 2개 케이스

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

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

82제목 프리텐다드 · 본문 노토 산스 KR

프리텐다드A=제목용

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

+노토 산스 KRB=본문용

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

더 나은 제품 경험을 설계합니다

프리텐다드는 제목에서 또렷한 글자 구조로 시선을 잡고, 노토 산스 KR은 균일한 자폭과 넓은 한글 커버리지로 긴 본문 가독성을 안정적으로 제공합니다.

분위기: 프리텐다드의 모던하고 정제된 인상이 노토 산스 KR의 안정적이고 중립적인 본문 톤과 자연스럽게 조화를 이룹니다.
대비·계층: 두 폰트 모두 산세리프 계열이라 형태 대비는 약하지만, 프리텐다드 700~800과 노토 산스 KR 400의 웨이트 차이로 위계는 충분히 확보됩니다.
추천 용도: B2B SaaS 랜딩페이지프로덕트 UI기업 IR·리포트공공기관 웹사이트교육 플랫폼

어울리는 영문 폰트

제목InterManropeGeistPlus Jakarta Sans

본문InterIBM Plex Sans

프리텐다드 자체가 Inter 기반으로 설계되어 라틴 합성 시 골격이 일치하며, 노토 산스 KR 본문에는 중립적인 Inter·IBM Plex Sans가 자폭과 x-height 면에서 잘 맞습니다.

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

36~48px

24~30px

본문

16~18px

line-height

1.65

어울리는 색상

#1a1a1a

#3366ff

#f5f6f8

어울리는 산업 톤

B2B SaaS 모던핀테크 신뢰공공기관 깔끔프로덕트 UI 표준

76제목 노토 산스 KR · 본문 프리텐다드

노토 산스 KRB=제목용

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

+프리텐다드A=본문용

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

읽는 시간을 존중하는 본문의 균형

프리텐다드는 균일한 자폭과 넉넉한 카운터로 긴 본문에서 피로감이 적고, 노토 산스 KR Black은 시인성이 뛰어나 헤드라인을 또렷하게 잡아준다.

분위기: 프리텐다드가 본문을 차분하고 모던하게 이끌고, 노토 산스 KR이 묵직한 웨이트로 제목 임팩트를 더한다.
대비·계층: 두 폰트 모두 지오메트릭 산세리프 계열이라 골격이 유사하지만, 노토 900과 프리텐다드 400의 웨이트 차이로 위계는 충분히 확보된다.
추천 용도: B2B SaaS 대시보드 본문기업 IR·리포트 페이지기술 블로그 장문 콘텐츠공공기관 안내 페이지

어울리는 영문 폰트

제목InterManropeGeist

본문InterIBM Plex Sans

프리텐다드 본문은 Inter·IBM Plex Sans와 x-height·자폭이 유사해 합성 시 어색함이 없고, 노토 헤딩은 Manrope·Geist의 단단한 골격과 매칭이 자연스럽다.

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

32~40px

22~26px

본문

16~17px

line-height

1.7

어울리는 색상

#1a1a1a

#3b6ef5

#f4f5f7

어울리는 산업 톤

B2B SaaS핀테크 모던공공기관 신뢰

구현 코드 · 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://cdn.jsdelivr.net/gh/orioncactus/[email protected]/dist/web/variable/pretendardvariable.css');

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

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