한글 페어링 · 큐레이션

프리텐다드+본고딕

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

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

A:프리텐다드· 제작 길형진|B:본고딕· 제작 어도비·구글

→ 각 폰트 종합 가이드: 프리텐다드 가이드·본고딕 가이드

평가 결과 · 2개 케이스

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

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

86제목 본고딕 · 본문 프리텐다드

본고딕B=제목용ⓘ 미리보기는 프리텐다드

제작어도비·구글상업 무료다운로드

+프리텐다드A=본문용

제작길형진상업 무료다운로드

오늘도 차분히 한 줄씩 읽어 내려갑니다.

프리텐다드는 균형 잡힌 자폭과 넉넉한 카운터로 긴 본문 읽기에 최적화되어 있고, 본고딕 Bold·Heavy는 제목에서 시선을 강하게 잡는다.

분위기: 프리텐다드가 본문에서 깔끔하고 현대적인 흐름을 이끌고, 본고딕이 제목에서 견고한 무게감으로 안정적 권위를 더한다.
대비·계층: 둘 다 산세리프지만 프리텐다드의 모던하고 기하학적 인상 대비 본고딕의 견고한 휴머니스트 구조가 미묘한 결 차이를 만들어 위계가 형성된다.
추천 용도: B2B SaaS 대시보드기업 IR·리포트공공기관 안내 페이지테크 블로그 본문기술 문서·매뉴얼

어울리는 영문 폰트

제목InterIBM Plex SansHelvetica NeueManrope

본문InterSource Sans Pro

프리텐다드는 자체 라틴이 우수해 별도 합성이 거의 불필요하며, 제목의 본고딕은 동일 어도비 계열인 Source Sans Pro나 구조가 견고한 IBM Plex Sans와 자연스럽게 어울린다.

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

36~44px

24~28px

본문

16~17px

line-height

1.7

어울리는 색상

#1a1a1a

#3b82f6

#f5f6f8

어울리는 산업 톤

B2B SaaS공공기관 신뢰테크 미디어

82제목 프리텐다드 · 본문 본고딕

프리텐다드A=제목용

제작길형진상업 무료다운로드

+본고딕B=본문용ⓘ 미리보기는 프리텐다드

제작어도비·구글상업 무료다운로드

내일을 여는 새로운 기준

프리텐다드는 또렷한 자족과 균일한 자간으로 제목 가독성이 뛰어나며, 본고딕은 넉넉한 공간감으로 긴 본문 읽기에 적합하다.

분위기: 프리텐다드의 모던하고 정제된 인상이 제목을 이끌고, 본고딕의 차분하고 균형 잡힌 본문이 안정적인 톤을 만든다.
대비·계층: 두 폰트 모두 산세리프 계열이라 구조가 유사하지만, 프리텐다드의 기하학적 정제와 본고딕의 휴머니스트 뉘앙스 차이로 위계는 무게 차로 충분히 확보된다.
추천 용도: B2B SaaS 랜딩페이지테크 제품 소개서공공기관 디지털 서비스에디토리얼 웹 매거진

어울리는 영문 폰트

제목InterGeistManropePlus Jakarta Sans

본문IBM Plex SansSource Sans Pro

프리텐다드는 Inter 계열의 기하학적 구조와 동일한 DNA를 공유해 합성이 자연스럽고, 본고딕은 Source 패밀리와 동일 제작사라 구조·리듬이 일치한다.

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

40~48px

24~28px

본문

16~17px

line-height

1.7

어울리는 색상

#1a1a1a

#3b82f6

#f5f5f5

어울리는 산업 톤

B2B SaaS 모던테크 신뢰공공기관 정돈

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

@import url('https://cdn.jsdelivr.net/gh/orioncactus/[email protected]/dist/web/variable/pretendardvariable.css');

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

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