HADA TYPE
DANC 0-100

춤추는사람들 · Dancing Peoples춤추는
사람들

DANC 0-1001.5× MAX

음악이 시작되면 글자도 자리에서 일어납니다. 낮게 웅크렸다가 박자에 맞춰 발끝을 세우고, 문장 전체가 파도처럼 출렁입니다. 오늘 밤의 리듬을 그대로 받아 적는 글자입니다.

한눈에 보기.

춤추는사람들은 행사 제목이나 공연 포스터에서 글자 자체를 움직이고 싶을 때 씁니다. 움직임 축을 0에 두면 낮고 좌우로 부푼 모습, 50은 둥근 기본형, 100은 아래쪽을 붙잡은 채 위로 뻗는 모습입니다. 가장 높은 형태는 기본 높이의 최대 1.5배까지 올라갑니다.

축이 움직여도 대문자 위 여백과 기준선 아래 여백의 균형을 유지해 줄 높이가 흔들리지 않게 했습니다. 웹에서는 글자마다 움직임의 시작 시점을 조금씩 늦추면 문장에 파도 같은 흐름을 만들 수 있습니다. 제목에서 축을 움직여 보고, 긴 본문은 하다 산스처럼 차분한 글꼴에 맡겨 보세요. 설치용과 웹용 가변 파일을 각각 받을 수 있습니다.

움직임을 멈춘 포스터에는 축의 한 지점을 골라 그대로 써도 됩니다. 제목이 다른 요소와 겹치지 않도록 가장 높은 모양까지 확인한 뒤 주변 여백을 잡아 주세요.

글꼴 마지막 업데이트 · v2026.10.21 · 변경 기록

굵기·축
DANC 0–100 가변축
지원 문자
한글 · 라틴 · 숫자 · 기호
라이선스
SIL Open Font License 1.1 · 사용 안내
사용하기
TTF · OTF · WOFF2 ZIP · CDN · 다운로드 · CDN 연결

디자인 노트.

춤추는사람들를 실제 문장 안에서 읽으며 살펴볼 점을 적었습니다.

춤추는사람들은 두꺼운 획과 둥글게 다듬은 모서리 안에 높이의 변화를 품고 있습니다. DANC 50의 기본 윤곽을 가운데 놓고, 0에서는 몸집을 낮추며 옆으로 조금 부풀고, 100에서는 기준선을 붙잡은 채 위로 길어집니다. 높은 쪽은 기본 대문자 높이의 최대 1.5배에 닿습니다. 한글의 받침과 라틴의 곡선이 같은 높이로 복제되는 것이 아니라, 각 글자의 윤곽이 자기 자리에서 달라지는 모습이 사랑스럽습니다.

800 굵기 한 가지라 굵기로 표정을 바꾸기보다 DANC 값과 크기로 호흡을 만듭니다. 한 줄에 같은 값을 주면 글자들이 함께 낮아지고 높아집니다. 견본에서는 글자마다 애니메이션 시작점을 조금씩 달리해 서로 다른 순간의 윤곽을 볼 수 있습니다. ‘우리 모두 춤을 춰’에 라틴과 숫자를 섞어 넣고 0·50·100을 오가 보세요. 둥근 획 끝은 낮은 값에서도 무게를 남기고, 높은 값에서는 세로로 늘어난 윤곽이 눈을 끕니다.

높이 변화가 큰 쪽에서는 글줄 위 여백을 넉넉히 잡아 주세요. 긴 문장이나 작은 본문에서 글자마다 움직이면 뜻을 따라가기 어려울 수 있습니다. 짧은 제목으로 먼저 시험하고 축의 양끝에서 숫자와 기호가 읽히는지 확인해 보세요. 고정폭 형제는 같은 움직임을 셀 안에 담지만, 이 가족은 폭의 흐름을 자유롭게 둡니다. 움직이는 한 줄 아래에 하다 산스의 고요한 설명을 두면 둥근 윤곽의 변화가 더 또렷하게 보입니다. 멈춘 순간의 글자도 충분히 두텁게 읽히는지 확인해 주세요.

우리 모두 춤을 춰.

손잡이 하나로
몸을 바꿉니다.

왼쪽 끝에서는 바닥에 낮게 웅크리고, 오른쪽 끝에서는 발끝을 세워 하늘로 뻗습니다. 그 사이를 오가면 글자가 숨을 고르며 계속 흔들립니다.

춤0 · LOW
춤50 · DEFAULT
춤100 · HIGH

문장이 춤춥니다.

가만히 두어도 계속 움직입니다. 하고 싶은 말을 적으면, 그 말이 곧바로 무대에 올라 춤을 춥니다.

11px

우리 모두 춤을 춰. Dancing Peoples

낮게 웅크린 글자가 박자에 맞춰 섭니다.

16px

우리 모두 춤을 춰. Dancing Peoples

문장 끝까지 작은 파도가 이어집니다.

24px

우리 모두 춤을 춰. Dancing Peoples

낮게 웅크린 글자가 박자에 맞춰 섭니다.

36px

우리 모두 춤을 춰. Dancing Peoples

문장 끝까지 작은 파도가 이어집니다.

52px

우리 모두 춤을 춰. Dancing Peoples

낮게 웅크린 글자가 박자에 맞춰 섭니다.

72px

우리 모두 춤을 춰. Dancing Peoples

문장 끝까지 작은 파도가 이어집니다.

96px

우리 모두 춤을 춰. Dancing Peoples

낮게 웅크린 글자가 박자에 맞춰 섭니다.

128px

우리 모두 춤을 춰. Dancing Peoples

문장 끝까지 작은 파도가 이어집니다.

글자 모음.

손잡이를 좌우로 밀며 글자마다 짓는 표정을 하나씩 살펴봅니다.

데려가기.

내 컴퓨터에 TTF ZIP ↓

설치해서 문서와 앱에서 바로 쓰는 파일입니다.
DancingPeoples-TTF.zip

디자인 작업에 OTF ZIP ↓

디자인 툴에 넣어 작업하기 좋은 파일입니다.
DancingPeoples-OTF.zip

내 웹사이트에 WOFF2 ZIP ↓

웹에 올릴 파일과 간단한 사용법을 함께 담았습니다.
DancingPeoples-WOFF2.zip

웹사이트를 가볍게 분할 WOFF2 ZIP ↓

한글 음절을 최대 128자씩 나눈 웹폰트입니다. 페이지에 쓰인 글자가 든 조각만 불러와 전송량을 줄일 수 있습니다. 앱·인쇄·디자인 프로그램에는 TTF·OTF를 쓰세요.
DancingPeoples-WOFF2-Subset.zip

분할 CSS · 버전 고정
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/hada0127/hada-type-dancing-peoples@v2026.10.21/css/dancing-peoples-subset.css">

웹에서 춤추기.

CSS 값 하나를 밀고 당기면, 내 사이트에서도 글자가 리듬을 탑니다.

웹에 올리기

이 한 줄이면 끝납니다.

버전 고정
v2026.10.21처럼 태그를 붙이면 화면이 갑자기 바뀌지 않습니다. 운영 사이트에 권합니다.
항상 최신
태그를 빼면 언제나 가장 새 버전을 불러옵니다. 빠르게 시험해 볼 때 좋습니다.
분할 버전
분할 버전은 페이지에 쓰인 글자의 조각만 내려받습니다.
버전 고정 · 모든 굵기
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/hada0127/hada-type-dancing-peoples@v2026.10.21/css/dancing-peoples.css">
항상 최신 · 모든 굵기
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/hada0127/hada-type-dancing-peoples/css/dancing-peoples.css">
분할 버전 · 버전 고정
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/hada0127/hada-type-dancing-peoples@v2026.10.21/css/dancing-peoples-subset.css">
CSS에서 쓰기
<style>
.dance-title {
  font-family: "Dancing Peoples", system-ui, sans-serif;
  font-weight: 800;
  font-variation-settings: "DANC" 50;
}
</style>