한글 페어링 · 큐레이션

JS 동까비+한국기계연구원체

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

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

A:JS 동까비· 제작 정스튜디오|B:한국기계연구원체· 제작 한국기계연구원

→ 각 폰트 종합 가이드: JS 동까비 가이드·한국기계연구원체 가이드

평가 결과 · 2개 케이스

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

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

45제목 한국기계연구원체 · 본문 JS 동까비

한국기계연구원체A=제목용

제작한국기계연구원상업 무료다운로드

+JS 동까비B=본문용ⓘ 미리보기는 프리텐다드

제작정스튜디오상업 무료

과학과 기술로 미래를 만듭니다

한국기계연구원체는 제목용 디스플레이 폰트로 적합하나, JS 동까비도 display 분류로 본문 가독성이 떨어진다. 긴 문장 읽기에는 부적합하며 시각적 피로도가 높다.

분위기: 한국기계연구원체의 기하학적·과학적 엄정함과 JS 동까비의 친근하고 둥근 캐릭터가 톤 충돌을 일으킨다. 두 폰트 모두 display 성격이라 분위기 통일이 어렵다.
대비·계층: 두 폰트 간 weight 대비(400 vs 400/700)가 제한적이고, 구조적 대비(기하학적 vs 둥근 형태)가 명확하지만 위계 표현보다 충돌 인상이 강하다.
추천 용도: 포스터·전시 홍보물 (짧은 카피 위주)어린이·교육 콘텐츠 (둥근 톤 활용)제목만 강조하는 단문 디자인

어울리는 영문 폰트

제목IBM Plex SansRobotoInter

본문Source Sans ProManrope

한국기계연구원체의 기하학적 정확성과 어울리는 sans-serif를 선택. 본문용으로는 더 높은 가독성의 humanist sans를 권장하며, JS 동까비와의 혼용은 피하고 라틴은 단순 구조로 통일.

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

48~64px

28~36px

본문

14~16px

line-height

1.6

어울리는 색상

#1a1a1a

#0066cc

#f5f5f5

어울리는 산업 톤

과학·기술 기관교육 콘텐츠

42제목 JS 동까비 · 본문 한국기계연구원체

JS 동까비B=제목용ⓘ 미리보기는 프리텐다드

제작정스튜디오상업 무료

+한국기계연구원체A=본문용

제작한국기계연구원상업 무료다운로드

기술과 감성이 만나는 순간

context가 'body'(본문 역할)로 지정되었으나, 한국기계연구원체는 display 폰트로 장문 읽기에 부적합합니다. JS 동까비 역시 display 특성상 제목용으로만 실용적입니다.

분위기: 두 디스플레이 폰트 모두 강한 개성을 가지고 있어 분위기 충돌이 발생합니다. 한국기계연구원체의 기하학적·미니멀한 톤과 JS 동까비의 손글씨 감성이 일관된 시각 언어를 형성하지 못합니다.
대비·계층: 두 폰트 모두 display 분류이고 JS 동까비는 400 단일 무게만 제공되어, 본문-제목 간 명확한 weight 대비를 만들기 어렵습니다. 한국기계연구원체의 400/700 활용으로도 시각 계층이 약합니다.
추천 용도: 포스터·배너 (짧은 카피만 가능)브랜드 로고·심볼 시스템전시·이벤트 그래픽 (제목만)

어울리는 영문 폰트

제목ManropeGeistInter

본문Source Sans ProIBM Plex Sans

두 한글 폰트 모두 display 특성이 강하므로, 영문은 본문 가독성 중심의 neutral sans-serif(Source Sans Pro, IBM Plex Sans)로 보완하고, 제목용 영문은 기하학적 모던함(Manrope, Geist)을 선택하여 실무 균형을 맞춥니다.

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

48~64px

32~40px

본문

16~18px

line-height

1.6

어울리는 색상

#1a1a1a

#d4a574

#f9f7f4

어울리는 산업 톤

기술·연구 기관 공식 커뮤니케이션문화·예술 이벤트 포스터

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

@import url('https://cdn.jsdelivr.net/gh/fonts-archive/KIMM/KIMM.css');

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

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