Hada
Mono
터미널과 편집기에서 하루를 보내는 글자입니다. 한글 한 글자가 라틴 두 칸과 정확히 같은 폭이라, 주석을 한국어로 적어도 표와 들여쓰기가 흐트러지지 않습니다.
코드도
한국어로 씁니다.
변수 이름도, 주석도, 커밋 메시지도 한국어로 적어 보세요. 글자마다 자리가 정해져 있어 어느 줄에서도 칸이 어긋나지 않습니다.
한 칸,
두 칸.
라틴과 숫자는 한 칸, 한글과 한자는 정확히 두 칸을 씁니다. 주석에 한국어를 섞어도 오른쪽 끝이 흔들리지 않고, 표와 다이어그램도 그대로 버팁니다.
작은 편집기 글씨부터,
발표 화면까지.
11px 편집기 본문부터 큼직한 발표 화면까지, 같은 코드가 어떻게 읽히는지 한자리에서 살펴봅니다.
if (예산 >= 0) { return '괜찮아요'; }
오늘 밤 우리는 작은 리듬을 남깁니다.
if (예산 >= 0) { return '괜찮아요'; }
작은 글자도 또렷하게 읽히면 좋겠습니다.
if (예산 >= 0) { return '괜찮아요'; }
작은 글자도 또렷하게 읽히면 좋겠습니다.
if (예산 >= 0) { return '괜찮아요'; }
작은 글자도 또렷하게 읽히면 좋겠습니다.
if (예산 >= 0) { return '괜찮아요'; }
작은 글자도 또렷하게 읽히면 좋겠습니다.
if (예산 >= 0) { return '괜찮아요'; }
작은 글자도 또렷하게 읽히면 좋겠습니다.
if (예산 >= 0) { return '괜찮아요'; }
작은 글자도 또렷하게 읽히면 좋겠습니다.
if (예산 >= 0) { return '괜찮아요'; }
작은 글자도 또렷하게 읽히면 좋겠습니다.
글자 모음.
영문과 숫자, 기호, 한글 자모와 완성형을 한 장씩 넘겨 보며 굵기를 바꿔 봅니다.
데려가기.
설치용, 편집용, 웹용. 필요한 자리에 맞춰 세 묶음으로 나눠 담았습니다.
웹에 올리기.
CSS 한 줄이면 내 사이트에서도 같은 글자가 인사합니다.
이 한 줄이면 끝납니다.
아래 <link> 한 줄을 <head>에 붙이면 지원하는 모든 굵기가 한꺼번에 들어옵니다. 파일을 따로 나눠 부르지 않아도 됩니다.
- 버전 고정
v2026.09.05처럼 태그를 붙이면 화면이 갑자기 바뀌지 않습니다. 운영 사이트에 권합니다.- 항상 최신
- 태그를 빼면 언제나 가장 새 버전을 불러옵니다. 빠르게 시험해 볼 때 좋습니다.
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/hada0127/[email protected]/css/hada-mono.css"><link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/hada0127/hada-type/css/hada-mono.css"><style>
pre, code, .terminal {
font-family: "Hada Mono", ui-monospace, monospace;
font-weight: 400;
}
.keyword {
font-weight: 700;
}
</style>