문장의 숨을 따라 조용히, 오래 이어집니다.
Hada
Batang
불을 하나 낮추고 긴 글을 읽는 저녁을 위한 글자입니다. 문장의 숨을 따라 천천히 이어지다가, 힘주어 말하고 싶은 곳에서만 또렷하게 목소리를 높입니다.
낮게 읽히다가,
필요할 때 또렷하게.
본문은 숨을 낮춰 조용히 흐르고, 힘주어 말할 곳에서는 획이 분명하게 일어섭니다. 긴 글과 굵은 소제목을 한 화면에서 나란히 읽어 보세요.
오래된 편지를 펼치듯, 긴 글도 서두르지 않고 한 줄씩 읽힙니다. Hada Batang 0123456789
두 목소리로
이야기에 결을 냅니다.
차분히 읽어 내려가는 본문의 목소리와, 한 번씩 힘주어 말하는 강조의 목소리. 두 결이면 긴 글에 리듬이 생깁니다.
꼭 하고 싶은 말에서는, 목소리가 분명하게 올라옵니다.
작은 글씨부터
큰 표제까지.
깨알 같은 본문과 큼직한 제목을 한자리에 세워, 어느 크기에서든 글이 편히 읽히는지 살펴봅니다.
11px
하다 바탕으로, 긴 이야기를 서두르지 않고 읽습니다. Hada Batang
오늘 밤 우리는 작은 리듬을 남깁니다.
16px
하다 바탕으로, 긴 이야기를 서두르지 않고 읽습니다. Hada Batang
작은 글자도 또렷하게 읽히면 좋겠습니다.
24px
하다 바탕으로, 긴 이야기를 서두르지 않고 읽습니다. Hada Batang
작은 글자도 또렷하게 읽히면 좋겠습니다.
36px
하다 바탕으로, 긴 이야기를 서두르지 않고 읽습니다. Hada Batang
작은 글자도 또렷하게 읽히면 좋겠습니다.
52px
하다 바탕으로, 긴 이야기를 서두르지 않고 읽습니다. Hada Batang
작은 글자도 또렷하게 읽히면 좋겠습니다.
72px
하다 바탕으로, 긴 이야기를 서두르지 않고 읽습니다. Hada Batang
작은 글자도 또렷하게 읽히면 좋겠습니다.
96px
하다 바탕으로, 긴 이야기를 서두르지 않고 읽습니다. Hada Batang
작은 글자도 또렷하게 읽히면 좋겠습니다.
128px
하다 바탕으로, 긴 이야기를 서두르지 않고 읽습니다. Hada Batang
작은 글자도 또렷하게 읽히면 좋겠습니다.
글자 모음.
영문과 숫자, 기호, 한글 자모와 완성형을 두 목소리로 번갈아 넘겨 봅니다.
데려가기.
설치용, 편집용, 웹용. 필요한 자리에 맞춰 세 묶음으로 나눠 담았습니다.
웹에 올리기.
한 파일이면 두 목소리가 함께 옵니다. CSS에서 굵기만 바꾸면 됩니다.
웹에 올리기
이 한 줄이면 끝납니다.
아래 <link> 한 줄을 <head>에 붙이면 지원하는 모든 굵기가 한꺼번에 들어옵니다. 파일을 따로 나눠 부르지 않아도 됩니다.
- 버전 고정
v2026.09.04처럼 태그를 붙이면 화면이 갑자기 바뀌지 않습니다. 운영 사이트에 권합니다.- 항상 최신
- 태그를 빼면 언제나 가장 새 버전을 불러옵니다. 빠르게 시험해 볼 때 좋습니다.
버전 고정 · 모든 굵기
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/hada0127/[email protected]/css/hada-batang.css">
항상 최신 · 모든 굵기
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/hada0127/hada-type/css/hada-batang.css">
CSS에서 쓰기
<style>
body {
font-family: "Hada Batang", serif;
font-weight: 400;
}
strong {
font-weight: 700;
}
</style>