한글 페어링 · 큐레이션

비트로 프라이드+KoPub 월드 돋움

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

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

A:비트로 프라이드· 제작 비트로|B:KoPub 월드 돋움· 제작 한국출판인회의

→ 각 폰트 종합 가이드: 비트로 프라이드 가이드·KoPub 월드 돋움 가이드

평가 결과 · 2개 케이스

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

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

78제목 비트로 프라이드 · 본문 KoPub 월드 돋움

비트로 프라이드B=제목용ⓘ 미리보기는 프리텐다드

제작비트로상업 무료다운로드

+KoPub 월드 돋움A=본문용

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

오늘의 이야기를 차분히 읽어 내려갑니다

KoPub 월드 돋움은 출판용으로 설계되어 긴 본문 가독성이 뛰어나며, 비트로 프라이드는 짧은 헤드라인에서 강한 주목성을 발휘합니다.

분위기: KoPub 월드 돋움의 차분하고 정제된 본문 톤이 비트로 프라이드의 강렬한 디스플레이 인상을 안정적으로 받쳐줍니다. 출판 기반의 신뢰감과 디스플레이의 임팩트가 대비 있게 어우러집니다.
대비·계층: 본문의 정돈된 산세리프와 제목의 개성 강한 디스플레이가 명확한 위계 대비를 만들어 시선 흐름이 자연스럽습니다.
추천 용도: 브랜드 캠페인 랜딩 페이지문화·전시 홍보물매거진형 콘텐츠 본문이벤트 포스터 서브 정보

어울리는 영문 폰트

제목ManropeGeistPlus Jakarta Sans

본문InterIBM Plex Sans

본문 KoPub 월드 돋움의 균형 잡힌 골격에는 Inter·IBM Plex Sans의 중립적 가독성이 잘 맞고, 제목 비트로 프라이드의 개성에는 Manrope·Geist의 모던한 인상이 보완적으로 어울립니다.

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

36~44px

22~26px

본문

16~18px

line-height

1.65

어울리는 색상

#1a1a1a

#d96846

#f5efe6

어울리는 산업 톤

라이프스타일 매거진문화·예술 캠페인출판 콘텐츠

42제목 KoPub 월드 돋움 · 본문 비트로 프라이드

KoPub 월드 돋움A=제목용

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

+비트로 프라이드B=본문용ⓘ 미리보기는 프리텐다드

제작비트로상업 무료다운로드

오늘의 이야기를 단정하게 펼칩니다

KoPub 월드 돋움은 제목으로서 명료하게 읽히나, 비트로 프라이드는 장식성이 강한 디스플레이체라 본문 긴 글에 적용하면 가독성이 급격히 떨어집니다.

분위기: KoPub 월드 돋움의 단정한 출판 톤이 제목을 차분히 잡지만, 본문에 디스플레이 폰트인 비트로 프라이드를 두면 분위기가 충돌하고 본문 안정감이 무너집니다.
대비·계층: 웨이트·구조 대비는 존재하지만 본문이 디스플레이라 위계가 역전되는 인상을 주어 정보 계층이 흐려집니다.
추천 용도: 짧은 캠페인 카피 레이아웃전시·이벤트 포스터 서브 텍스트브랜드 무드보드한정 굿즈 패키지 카피

어울리는 영문 폰트

제목IBM Plex SansInterSource Sans ProHelvetica Neue

본문SatoshiManrope

KoPub 월드 돋움의 출판형 휴머니스트 산세리프 골격에는 IBM Plex Sans·Inter처럼 균형 잡힌 라틴이 잘 맞고, 비트로 프라이드의 장식성은 약간 캐릭터 있는 Satoshi·Manrope로 보완합니다.

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

36~44px

24~28px

본문

16~18px

line-height

1.7

어울리는 색상

#1f2937

#d97757

#f5efe6

어울리는 산업 톤

출판·매거진 모던라이프스타일 캠페인문화·전시 브랜딩

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

@import url('https://cdn.jsdelivr.net/gh/fonts-archive/KoPubDotum/subsets/KoPubDotum-dynamic-subset.css');

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

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