한글 페어링 · 큐레이션

프리텐다드+스타일리쉬

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

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

A:프리텐다드· 제작 길형진|B:스타일리쉬· 제작 LE'TS

→ 각 폰트 종합 가이드: 프리텐다드 가이드·스타일리쉬 가이드

평가 결과 · 2개 케이스

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

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

82제목 스타일리쉬 · 본문 프리텐다드

스타일리쉬A=제목용

제작LE'TS상업 무료다운로드

+프리텐다드B=본문용

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

오늘의 무드를 입다, 새로운 컬렉션

스타일리쉬는 얇은 획과 장식적 곡선으로 큰 사이즈에서 시선을 끌고, 프리텐다드는 다양한 웨이트와 균형 잡힌 한글 구조로 긴 본문 가독성이 우수합니다.

분위기: 스타일리쉬의 가늘고 유려한 디스플레이 인상이 프리텐다드의 중성적이고 깔끔한 본문과 만나 세련되고 모던한 톤을 형성합니다.
대비·계층: 디스플레이 vs 중립 산세리프의 성격 차이와 웨이트 폭(400 vs 100~900)이 명확한 위계를 만들지만, 제목이 얇은 편이라 본문은 300~400으로 맞춰야 균형이 살아납니다.
추천 용도: 패션·뷰티 브랜드 웹사이트라이프스타일 매거진프리미엄 이커머스 랜딩감성 카페·F&B 메뉴 디자인

어울리는 영문 폰트

제목Playfair DisplayManropePlus Jakarta Sans

본문InterPretendard Latin

스타일리쉬의 우아한 곡선은 Playfair Display의 하이콘트라스트나 Manrope의 부드러운 지오메트리와 결이 맞고, 본문은 프리텐다드 내장 라틴으로 일관성을 유지하는 것이 가장 자연스럽습니다.

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

44~56px

26~32px

본문

16~17px

line-height

1.65

어울리는 색상

#1a1a1a

#c8a27a

#f5efe6

어울리는 산업 톤

패션·뷰티 감성라이프스타일 매거진프리미엄 이커머스

62제목 프리텐다드 · 본문 스타일리쉬

프리텐다드A=제목용

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

+스타일리쉬B=본문용

제작LE'TS상업 무료다운로드

오늘의 무드를 새롭게 정의하다

제목 프리텐다드는 어떤 웨이트에서도 또렷하게 읽히지만, 스타일리쉬는 단일 400 웨이트에 획이 얇아 긴 본문에는 다소 부담스럽습니다.

분위기: 프리텐다드의 중립적·시스템적 인상이 제목을 단단하게 잡아주고, 스타일리쉬의 가늘고 세련된 본문이 모던한 무드를 더합니다.
대비·계층: 프리텐다드 700~900의 묵직함과 스타일리쉬의 얇고 좁은 획이 명확한 굵기·실루엣 대비를 만들어 위계가 또렷합니다.
추천 용도: 패션·뷰티 매거진 랜딩라이프스타일 브랜드 소개 페이지전시·문화 행사 포스터 보조프리미엄 이커머스 룩북

어울리는 영문 폰트

제목InterGeistManropePlus Jakarta Sans

본문InterIBM Plex Sans

프리텐다드는 라틴이 내장되어 있어 별도 합성이 거의 불필요하지만, 스타일리쉬와 톤을 맞추려면 기하학적이고 모던한 산세리프를 합성하면 일관됩니다.

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

40~56px

24~30px

본문

16~18px

line-height

1.7

어울리는 색상

#1a1a1a

#c8a27a

#f5efe6

어울리는 산업 톤

패션 모던라이프스타일 매거진프리미엄 이커머스

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

@import url('https://cdn.jsdelivr.net/gh/orioncactus/[email protected]/dist/web/variable/pretendardvariable.css');
@import url('https://fonts.googleapis.com/css2?family=Stylish&display=swap');

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

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