한글 페어링 · 큐레이션

동그라미재단 ㄱ체+노토 산스 KR

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

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

A:동그라미재단 ㄱ체· 제작 동그라미재단|B:노토 산스 KR· 제작 구글·어도비

→ 각 폰트 종합 가이드: 동그라미재단 ㄱ체 가이드·노토 산스 KR 가이드

평가 결과 · 2개 케이스

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

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

76제목 동그라미재단 ㄱ체 · 본문 노토 산스 KR

동그라미재단 ㄱ체B=제목용ⓘ 미리보기는 프리텐다드

제작동그라미재단상업 무료다운로드

+노토 산스 KRA=본문용

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

오늘도 차분히 읽어 내려가는 마음의 기록

노토 산스 KR은 균형 잡힌 자폭과 풍부한 웨이트로 긴 본문 가독성이 뛰어나며, 동그라미재단 ㄱ체는 손글씨 결의 세리프라 큰 사이즈 제목으로 첫눈에 시선을 끈다.

분위기: 노토 산스 KR의 중립적이고 정돈된 본문 위에 동그라미재단 ㄱ체의 인간적이고 따뜻한 세리프가 강조점으로 얹혀, 신뢰감과 온기가 공존하는 톤을 만든다.
대비·계층: Sans 본문 vs Serif(필기 결) 제목이라는 분류·인상 대비가 명확해 위계가 잘 살아나지만, 본문 Regular와 제목의 가중이 비슷하면 약해질 수 있어 제목은 700 권장.
추천 용도: 사회공헌·캠페인 웹사이트 본문 영역비영리 단체 연차보고서교육·돌봄 브랜드 블로그따뜻한 톤의 브랜드 소개 페이지

어울리는 영문 폰트

제목EB GaramondLoraSource Serif

본문InterIBM Plex Sans

본문 노토 산스 KR은 구조적 산세리프와 합성해 라틴 가독성을 확보하고, 제목 ㄱ체는 인간적인 세리프 라틴과 짝지어 손맛 있는 인상을 보존한다.

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

36~44px

22~26px

본문

16~17px

line-height

1.7

어울리는 색상

#2b2b2b

#c98a5b

#f6f1ea

어울리는 산업 톤

비영리·사회공헌 따뜻교육 돌봄 친근라이프스타일 에세이

74제목 노토 산스 KR · 본문 동그라미재단 ㄱ체

노토 산스 KRB=제목용

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

+동그라미재단 ㄱ체A=본문용ⓘ 미리보기는 프리텐다드

제작동그라미재단상업 무료다운로드

작은 손길이 모여 더 큰 울림을 만듭니다

ㄱ체는 부드러운 획과 안정된 자족으로 긴 글 읽기에 무리가 없으며, 노토 산스 KR 제목은 어떤 굵기에서도 또렷한 가독을 보장한다.

분위기: 동그라미재단 ㄱ체가 본문에서 따뜻하고 인간적인 정서를 이끌고, 노토 산스 KR이 제목에서 정돈된 명료함으로 균형을 잡는다.
대비·계층: 세리프 본문과 산세리프 제목의 구조적 대비가 자연스럽게 위계를 형성하고, 노토 산스 KR의 다양한 웨이트(900까지)가 제목 강조 폭을 넓혀준다.
추천 용도: 비영리·재단 캠페인 리포트에세이형 브런치·블로그사회공헌 백서·정책 보고서교육 콘텐츠 본문공익 캠페인 랜딩페이지

어울리는 영문 폰트

제목InterIBM Plex SansManropeSource Sans Pro

본문Source SerifLoraMerriweather

노토 산스 KR 제목엔 동일 계열의 기하학적 산세리프가, ㄱ체 본문엔 인간미가 있는 세리프 라틴이 호흡을 맞춘다.

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

32~40px

22~26px

본문

16~18px

line-height

1.7

어울리는 색상

#2b3a2e

#c89b6c

#f5efe6

어울리는 산업 톤

비영리·공익 따뜻교육 신뢰출판 에세이공공기관 친근

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

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

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

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