한글 페어링 · 큐레이션

코트라 글로벌+프리텐다드

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

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

A:코트라 글로벌· 제작 코트라|B:프리텐다드· 제작 길형진

→ 각 폰트 종합 가이드: 코트라 글로벌 가이드·프리텐다드 가이드

평가 결과 · 2개 케이스

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

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

86제목 코트라 글로벌 · 본문 프리텐다드

코트라 글로벌A=제목용ⓘ 미리보기는 프리텐다드

제작코트라상업 무료다운로드

+프리텐다드B=본문용

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

세계로 향하는 신뢰의 발걸음, 오늘 시작됩니다.

코트라 글로벌은 획의 흐름이 차분해 제목으로 첫인상이 또렷하고, 프리텐다드는 다양한 웨이트와 안정적 자소 비례로 긴 본문에서도 뛰어난 가독성을 보장합니다.

분위기: 코트라 글로벌의 단정한 세리프가 권위와 신뢰의 인상을 만들고, 프리텐다드의 중립적 산세리프가 현대적 명료함을 더해 균형 잡힌 톤을 형성합니다.
대비·계층: 세리프 제목과 산세리프 본문의 구조적 대비가 명확하고, 프리텐다드의 풍부한 웨이트 폭이 제목-부제-본문의 위계를 세밀하게 조정합니다.
추천 용도: 기업 IR·연차보고서공공기관 정책 리포트B2B 화이트페이퍼수출입·무역 브랜드 웹사이트비즈니스 매거진 본문 레이아웃

어울리는 영문 폰트

제목Source SerifIBM Plex SerifEB GaramondMerriweather

본문Pretendard LatinInterIBM Plex Sans

제목 세리프는 코트라 글로벌의 권위 있는 인상과 결을 맞춘 모던 세리프 계열이 적합하고, 본문은 프리텐다드 내장 라틴 또는 동일한 휴머니스트 산세리프가 자연스럽게 어울립니다.

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

40~52px

26~30px

본문

16~18px

line-height

1.7

어울리는 색상

#0f2a4a

#c8a96a

#f6f3ec

어울리는 산업 톤

공공기관 신뢰B2B SaaS 권위글로벌 무역·금융기업 IR 정통

74제목 프리텐다드 · 본문 코트라 글로벌

프리텐다드A=제목용

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

+코트라 글로벌B=본문용ⓘ 미리보기는 프리텐다드

제작코트라상업 무료다운로드

글로벌 시장의 변화를 읽다

프리텐다드는 9단계 굵기로 제목 위계가 또렷하고, 코트라 글로벌은 단일 웨이트지만 정돈된 세리프 형태로 본문 가독성을 확보합니다.

분위기: 프리텐다드의 명료하고 모던한 산세리프 인상이 제목을 주도하고, 코트라 글로벌 세리프가 본문에 신뢰감과 격식을 더합니다.
대비·계층: 산세리프 제목 vs 세리프 본문의 구조적 대비가 명확하며, 프리텐다드 700~800과 코트라 글로벌 400의 굵기 차로 위계가 분명합니다.
추천 용도: 기업 IR·연차보고서공공기관 정책 안내문B2B 백서·리포트글로벌 비즈니스 매거진

어울리는 영문 폰트

제목InterIBM Plex SansManropeGeist

본문Source SerifIBM Plex Serif

프리텐다드는 Inter 계열과 구조·메트릭이 유사해 합성이 자연스럽고, 코트라 글로벌 세리프 본문은 Source Serif·IBM Plex Serif와 톤이 어울립니다.

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

40~48px

24~28px

본문

16~18px

line-height

1.7

어울리는 색상

#1a2b4a

#c89b3c

#f5f1ea

어울리는 산업 톤

공공기관 신뢰B2B 비즈니스글로벌 무역·수출정책 리포트

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