한글 페어링 · 큐레이션

IBM 플렉스 산스 KR+KoPub 월드 바탕

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

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

A:IBM 플렉스 산스 KR· 제작 IBM|B:KoPub 월드 바탕· 제작 한국출판인회의

→ 각 폰트 종합 가이드: IBM 플렉스 산스 KR 가이드·KoPub 월드 바탕 가이드

평가 결과 · 2개 케이스

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

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

86제목 KoPub 월드 바탕 · 본문 IBM 플렉스 산스 KR

KoPub 월드 바탕A=제목용

제작한국출판인회의상업 무료다운로드

+IBM 플렉스 산스 KRB=본문용

제작IBM상업 무료다운로드

오래된 활자의 품격, 새로운 시대의 언어

KoPub 월드 바탕은 큰 사이즈에서 획 대비가 살아나 제목 가독성이 뛰어나고, IBM 플렉스 산스 KR은 균일한 자폭으로 긴 본문에서도 안정적입니다.

분위기: KoPub 월드 바탕의 단정한 출판 감성이 제목에서 권위를 만들고, IBM 플렉스 산스 KR의 기계적 정확성이 본문에 현대성을 더합니다.
대비·계층: 세리프 제목과 산세리프 본문의 카테고리 대비가 명확하고, 7단계 weight를 가진 본문 폰트가 위계 조정에 충분한 여유를 제공합니다.
추천 용도: 전문 매거진 표지·본문리서치 리포트B2B 백서·기술 문서출판물·단행본 디지털판브랜드 저널

어울리는 영문 폰트

제목IBM Plex SerifEB GaramondSource SerifPlayfair Display

본문IBM Plex SansInter

제목은 KoPub 바탕의 출판 세리프 감성과 호응하는 IBM Plex Serif 계열이 자연스럽고, 본문은 IBM Plex Sans KR과 동일 패밀리인 IBM Plex Sans로 합성하면 자폭·웨이트가 완벽히 정합됩니다.

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

40~52px

26~30px

본문

16~17px

line-height

1.7

어울리는 색상

#1a1a1a

#8b7355

#f5efe6

어울리는 산업 톤

출판·매거진 저널B2B SaaS 신뢰리서치·컨설팅 권위교육·학술 정통

84제목 IBM 플렉스 산스 KR · 본문 KoPub 월드 바탕

IBM 플렉스 산스 KRB=제목용

제작IBM상업 무료다운로드

+KoPub 월드 바탕A=본문용

제작한국출판인회의상업 무료다운로드

긴 호흡으로 읽히는 한 편의 글을 위해

KoPub 월드 바탕은 긴 글 가독성에 최적화된 출판용 명조로 본문에 안정적이며, IBM Plex Sans KR은 또렷한 자형과 균형 잡힌 골격으로 제목 시인성이 우수하다.

분위기: KoPub 월드 바탕의 차분하고 정제된 출판 본문 톤에, IBM Plex Sans KR의 모던하고 기술적인 제목이 더해져 지적이고 신뢰감 있는 인상을 만든다.
대비·계층: 본문 세리프와 제목 산세리프의 분류 대비, 그리고 Plex Sans의 다양한 웨이트가 명확한 정보 위계를 만든다.
추천 용도: 디지털 매거진 본문 레이아웃리서치 리포트·백서테크 블로그 장문 콘텐츠출판사 웹사이트 아티클B2B 제품 소개 페이지

어울리는 영문 폰트

제목IBM Plex SansInterManropeGeist

본문IBM Plex SerifSource SerifLora

제목은 IBM Plex Sans 패밀리와 합성하면 골격이 완벽히 일치하고, 본문은 IBM Plex Serif나 Source Serif가 KoPub 바탕의 출판 톤과 자연스럽게 어울린다.

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

32~40px

22~26px

본문

17~18px

line-height

1.7

어울리는 색상

#1a1a1a

#0f62fe

#f4f4f4

어울리는 산업 톤

테크 저널리즘B2B SaaS 신뢰리서치·아카이브출판 디지털 매거진

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+KR:wght@100;300;400;500;700&display=swap');
@import url('https://cdn.jsdelivr.net/gh/fonts-archive/KoPubBatang/subsets/KoPubBatang-dynamic-subset.css');

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

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