한글 페어링 · 큐레이션

함초롬바탕+한국기계연구원체

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

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

A:함초롬바탕· 제작 한컴|B:한국기계연구원체· 제작 한국기계연구원

→ 각 폰트 종합 가이드: 함초롬바탕 가이드·한국기계연구원체 가이드

평가 결과 · 2개 케이스

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

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

62제목 한국기계연구원체 · 본문 함초롬바탕

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

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

+함초롬바탕A=본문용ⓘ 미리보기는 프리텐다드

제작한컴비상업 무료다운로드

정밀한 기록이 시대를 증명합니다

함초롬바탕은 균형 잡힌 세리프 구조로 긴 글 본문에 적합하며, 한국기계연구원체는 디스플레이 특유의 강한 골격으로 짧은 헤드라인에서 시선을 잡습니다.

분위기: 함초롬바탕의 단정하고 정제된 인상이 본문을 차분히 이끌고, 한국기계연구원체가 산업적·기술적 강조점을 더해 진중한 기술 문서 분위기를 형성합니다.
대비·계층: 본문 세리프와 제목 디스플레이의 구조적 차이가 분명해 위계는 형성되지만, 분위기 결이 달라 톤 정합성에서는 절제된 사용이 필요합니다.
추천 용도: 연구기관 백서·리포트기술 매뉴얼 본문공공기관 간행물학술 출판물정책 자료집

어울리는 영문 폰트

제목IBM Plex SansGeistManrope

본문Source SerifIBM Plex Serif

본문 함초롬바탕은 동일 계열 세리프 라틴과 결이 맞고, 제목 한국기계연구원체의 산업적 직선성은 IBM Plex Sans·Geist 같은 기술적 산세리프와 자연스럽게 호응합니다.

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

32~40px

22~26px

본문

16~18px

line-height

1.7

어울리는 색상

#1f2933

#b08442

#f4f1ea

어울리는 산업 톤

연구기관 신뢰공공기관 진중기술 출판 정밀

42제목 함초롬바탕 · 본문 한국기계연구원체

함초롬바탕B=제목용ⓘ 미리보기는 프리텐다드

제작한컴비상업 무료다운로드

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

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

기계는 사람의 손끝에서 시작된다

한국기계연구원체는 디스플레이 성격이 강해 긴 본문 가독성이 떨어지며, 함초롬바탕은 제목 크기에서는 안정적이나 본문 폰트의 부담을 보완해주지 못합니다.

분위기: 한국기계연구원체의 기술적·기하학적 인상이 본문에 자리하고, 함초롬바탕의 정제된 명조 제목이 위에 놓이면 어색한 톤 충돌이 발생합니다. 디스플레이 폰트를 본문으로 쓰는 시나리오 자체가 가독성·분위기 양면에서 부담스럽습니다.
대비·계층: serif 제목 + display 본문이라는 비정형 조합으로 위계는 형성되지만, 본문이 시각적으로 더 튀어 제목·본문의 역할 인식이 흔들립니다.
추천 용도: 기술 전시 리플렛 짧은 설명문연구 보고서 표지 보조 텍스트산업 박람회 패널 캡션공공기관 캠페인 단문 본문

어울리는 영문 폰트

제목Source SerifEB GaramondIBM Plex SerifLora

본문IBM Plex SansManropeGeist

함초롬바탕 제목은 고전 세리프 라틴과 결이 맞고, 본문의 기하학적 한글 디스플레이에는 구조감 있는 모던 산세리프가 영문 가독성을 확보합니다.

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

32~40px

22~26px

본문

16~17px

line-height

1.7

어울리는 색상

#1f2a37

#b8884a

#f3efe7

어울리는 산업 톤

연구기관 기술 브리프공공기관 캠페인산업 박람회 큐레이션

구현 코드 · 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;
}