한글 페어링 · 큐레이션

KoPub 월드 돋움+서울 한강

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

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

A:KoPub 월드 돋움· 제작 한국출판인회의|B:서울 한강· 제작 서울특별시

→ 각 폰트 종합 가이드: KoPub 월드 돋움 가이드·서울 한강 가이드

평가 결과 · 2개 케이스

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

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

82제목 서울 한강 · 본문 KoPub 월드 돋움

서울 한강B=제목용

제작서울특별시상업 무료다운로드

+KoPub 월드 돋움A=본문용

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

도시의 하루는 글자 위에서 천천히 흐른다

KoPub 월드 돋움은 출판 본문용으로 설계되어 긴 문장에서도 안정적이며, 서울 한강체는 굵은 웨이트에서 헤드라인으로 시선을 잡습니다.

분위기: KoPub 월드 돋움의 차분하고 정제된 본문 인상에 서울 한강체의 또렷하고 도시적인 제목이 얹혀, 공공·출판 톤의 신뢰감 있는 분위기를 형성합니다.
대비·계층: 두 폰트 모두 sans 계열이라 형태 충돌은 적지만, 한강체 700과 KoPub 400의 웨이트 차로 명확한 계층이 형성됩니다.
추천 용도: 전자책·디지털 출판 본문정책 리포트 및 백서공공기관 안내 페이지교육 콘텐츠 장문 페이지도시·문화 매거진 웹

어울리는 영문 폰트

제목InterManropeIBM Plex SansGeist

본문Source Sans ProIBM Plex SansInter

KoPub 본문의 정제된 인상에는 중립적이고 가독성 높은 Source Sans·IBM Plex가 어울리고, 한강체 제목에는 약간 기하학적 인상의 Inter·Manrope가 도시적 톤을 보강합니다.

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

32~40px

22~26px

본문

16~18px

line-height

1.7

어울리는 색상

#1f2a37

#3b82a6

#f5f3ee

어울리는 산업 톤

공공기관 신뢰출판·매거진 정제교육 따뜻도시 브랜딩 모던

74제목 KoPub 월드 돋움 · 본문 서울 한강

KoPub 월드 돋움A=제목용

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

+서울 한강B=본문용

제작서울특별시상업 무료다운로드

도시의 기록, 한 페이지에 담다

KoPub 월드 돋움은 굵은 웨이트에서 명료한 제목 가독성을 확보하고, 서울 한강은 균일한 자폭으로 본문 흐름이 안정적이다.

분위기: KoPub 월드 돋움의 정돈된 출판 감각이 제목을 잡아주고, 서울 한강의 절제된 도시적 인상이 본문을 차분하게 받친다.
대비·계층: 두 폰트 모두 휴머니스트 산세리프 계열이라 구조 대비는 약하지만, 700 대 400 웨이트 차로 위계가 분명히 살아난다.
추천 용도: 공공기관 리포트출판 매거진도시 브랜딩 가이드교육 자료 본문정책 안내 페이지

어울리는 영문 폰트

제목IBM Plex SansInterSource Sans ProManrope

본문IBM Plex SansSource Sans Pro

KoPub 월드 돋움의 출판형 골격과 균형 잡힌 라틴 산세리프가 어울려, 공공·출판 톤에서 자연스러운 합성 글꼴을 만든다.

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

36~44px

24~28px

본문

16~17px

line-height

1.65

어울리는 색상

#1f2a37

#3a6ea5

#f4f1ec

어울리는 산업 톤

공공기관 신뢰출판 매거진교육 따뜻도시 브랜딩

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

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

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

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