DM Sans + DM Serif Display

8/10 harmonious-elegant

실시간 미리보기

. 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.

이 페어링이 효과적인 이유

From the same design family, DM Sans and DM Serif share proportional DNA, creating natural harmony. The sans/serif contrast provides clear hierarchy.

타입 스페시먼

제목

폰트 보기 →
DM Sans
AaBbCcDdEeFfGg
0123456789 !@#$%
Sans Serif 10 굵기

본문

폰트 보기 →
DM Serif Display
AaBbCcDdEeFfGg
0123456789 !@#$%
Serif 1 굵기

사용 방법

HTML 

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

CSS

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

body, p, li {
  font-family: 'DM Serif Display', serif;
}

페어링 상세

점수
8/10
무드
harmonious-elegant
제목
DM Sans
본문
DM Serif Display
제목 카테고리
Sans Serif
본문 카테고리
Serif

최적 용도

portfolio agency editorial

빠른 링크