Poppins + Inter

9/10 modern-friendly 추천

실시간 미리보기

. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

이 페어링이 효과적인 이유

Poppins' geometric roundness adds warmth to headlines, while Inter's clean precision handles body text effortlessly. Both are highly legible on screens.

타입 스페시먼

Poppins
AaBbCcDdEeFfGg
0123456789 !@#$%
Sans Serif 9 굵기
Inter
AaBbCcDdEeFfGg
0123456789 !@#$%
Sans Serif 9 굵기

사용 방법

HTML

<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;500;600;700;800;900;400&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;500;600;700;800;900;400&display=swap" rel="stylesheet">

CSS

h1, h2, h3, h4, h5, h6 {
  font-family: 'Poppins', sans-serif;
}

body, p, li {
  font-family: 'Inter', sans-serif;
}

페어링 상세

점수
9/10
무드
modern-friendly
제목
Poppins
본문
Inter
제목 카테고리
Sans Serif
본문 카테고리
Sans Serif

최적 용도

landing-page saas mobile-app