DM Sans + DM Serif Display

8/10 조화-우아함

실시간 미리보기

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

이 페어링이 효과적인 이유

같은 디자인 패밀리에서 나온 DM Sans와 DM Serif는 비례상의 DNA를 공유해 자연스러운 조화를 이룹니다. Sans/Serif의 대비가 명확한 위계를 제공합니다.

타입 스페시먼

제목

폰트 보기 →
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
무드
조화-우아함
제목
DM Sans
본문
DM Serif Display
제목 카테고리
Sans Serif
본문 카테고리
Serif

최적 용도

portfolio agency editorial

빠른 링크