춤추는
고정폭
춤은 그대로 두고, 자리만 붙잡았습니다. 글자마다 칸이 정해져 있어 아무리 뛰어도 오른쪽 끝이 밀리지 않습니다. 표도 코드도 줄을 지킨 채로 함께 들썩입니다.
위아래로만
움직입니다.
글자는 자기 칸 한가운데를 붙잡은 채 웅크렸다 일어섭니다. 폭이 바뀌지 않으니, 아무리 세게 춰도 옆 글자가 밀려나지 않습니다.
표가
흐트러지지 않습니다.
한글 한 글자가 라틴 두 칸을 씁니다. 그 약속을 춤추는 동안에도 지키기 때문에, 세로줄은 어느 박자에서나 그대로 서 있습니다.
문장이 춤춥니다.
칸을 지킨 채로 계속 움직입니다. 하고 싶은 말을 적으면, 그 말이 줄을 맞춘 채 무대에 오릅니다.
칸을 지키며 춤춘다 Dancing Mono
오늘 밤 우리는 작은 리듬을 남깁니다.
칸을 지키며 춤춘다 Dancing Mono
작은 글자도 또렷하게 읽히면 좋겠습니다.
칸을 지키며 춤춘다 Dancing Mono
작은 글자도 또렷하게 읽히면 좋겠습니다.
칸을 지키며 춤춘다 Dancing Mono
작은 글자도 또렷하게 읽히면 좋겠습니다.
칸을 지키며 춤춘다 Dancing Mono
작은 글자도 또렷하게 읽히면 좋겠습니다.
칸을 지키며 춤춘다 Dancing Mono
작은 글자도 또렷하게 읽히면 좋겠습니다.
칸을 지키며 춤춘다 Dancing Mono
작은 글자도 또렷하게 읽히면 좋겠습니다.
칸을 지키며 춤춘다 Dancing Mono
작은 글자도 또렷하게 읽히면 좋겠습니다.
글자 모음.
손잡이를 좌우로 밀며, 글자마다 같은 칸 안에서 짓는 표정을 살펴봅니다.
데려가기.
설치용, 편집용, 웹용. 필요한 자리에 맞춰 세 묶음으로 나눠 담았습니다.
웹에서 춤추기.
CSS 값 하나를 밀고 당기면, 줄을 맞춘 채로 리듬을 탑니다.
이 한 줄이면 끝납니다.
아래 <link> 한 줄을 <head>에 붙이면 지원하는 모든 굵기가 한꺼번에 들어옵니다. 파일을 따로 나눠 부르지 않아도 됩니다.
- 버전 고정
v2026.09.05처럼 태그를 붙이면 화면이 갑자기 바뀌지 않습니다. 운영 사이트에 권합니다.- 항상 최신
- 태그를 빼면 언제나 가장 새 버전을 불러옵니다. 빠르게 시험해 볼 때 좋습니다.
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/hada0127/[email protected]/css/dancing-peoples-mono.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/hada0127/hada-type/css/dancing-peoples-mono.css">
<style>
.dance-terminal {
font-family: "Dancing Peoples Mono", ui-monospace, monospace;
font-weight: 700;
font-variation-settings: "DANC" 50;
}
</style>