하다 산스Hada
Sans
이른 아침 첫 알림부터 늦은 밤 마지막 정산까지, 하루 종일 켜 둔 화면을 조용히 지키는 글자입니다. 표와 버튼 사이에서 자리를 잡고, 숫자는 나란히 줄을 맞춰 서서 오래 봐도 눈이 편합니다.
한눈에 보기.
하다 산스는 버튼, 알림, 대시보드의 짧은 문장을 읽기 위해 만든 화면용 글꼴입니다. 100부터 900까지 아홉 굵기를 각각 고를 수 있어 작은 안내문과 큰 제목을 한 가족 안에서 맞출 수 있습니다. 숫자는 같은 너비를 쓰므로 가격이나 날짜가 바뀌어도 표의 열이 밀리지 않습니다.
대문자 위쪽 여백과 기준선 아래쪽 여백을 같게 잡아 글자가 줄 상자 가운데 놓이도록 했습니다. 본문은 400으로 두고 제목에 700을 쓰면 굵기 차이가 분명합니다. 코드의 한글 주석까지 줄을 맞춰야 한다면 하다 모노를, 폭이 좁은 표라면 하다 콘덴스드를 살펴보세요. 설치용과 웹용 파일은 형식별 묶음으로 받을 수 있습니다.
한글 완성형 11,172자를 포함하므로 메뉴뿐 아니라 긴 한국어 문장에도 같은 글꼴을 이어 쓸 수 있습니다. 작은 글씨에서는 숫자와 문장부호도 함께 확인해 보세요.
글꼴 마지막 업데이트 · v2026.10.21 · 변경 기록
- 굵기·축
- 100–900 · 아홉 정적 굵기 · 고정폭 숫자
- 지원 문자
- 한글 · 라틴 · 숫자 · 기호
디자인 노트.
하다 산스를 실제 문장 안에서 읽으며 살펴볼 점을 적었습니다.
하다 산스의 한 줄에는 한글 이름 옆에 날짜와 숫자가 자연스럽게 놓입니다. 대문자 위와 기준선 아래의 여백을 같게 잡고, 라틴의 높이를 한글과 나란히 읽히도록 맞춘 덕분입니다. 작은 버튼의 ‘확인’ 옆에 12,800원을 붙여 보면 담백한 획 끝과 일정한 숫자 폭이 보입니다. 값이 바뀌어도 숫자 열이 제자리에 남는 모습이 이 글꼴의 조용한 장점입니다.
100부터 900까지 아홉 굵기는 각각 정적 파일입니다. 가벼운 100·200은 넓은 제목에서 여백을 살리고, 작은 본문은 400부터 시험해 보세요. 500·600은 선택된 메뉴를 살짝 앞으로 내밀고, 700 이상은 짧은 표제와 큰 수치를 단단히 잡아 줍니다. 같은 문장을 굵기만 바꿔 읽으면 목소리의 높낮이가 보일 것입니다. ‘오늘 할 일 3개, 남은 예산 12,800원’처럼 한글과 숫자가 섞인 문장도 넣어 보세요.
같은 뼈대의 하다 라운드는 획 끝을 둥글게 다듬어 짧은 인사말에 온기를 더합니다. 산스는 끝을 담백하게 두어 긴 화면을 편안하게 받칩니다. 코드의 들여쓰기나 한글 주석을 열마다 맞추려면 하다 모노를 써 보세요. 긴 기사에는 하다 바탕 400을, 탐색 메뉴와 날짜에는 산스 400·700을 곁들이면 두 글꼴의 역할이 선명해집니다. 글자 모음에서 비슷한 기호를 크기별로 넘기고, 한글 문장 끝의 마침표까지 굵기를 바꿔 보면 작은 차이도 느낄 수 있습니다. 표에서는 1과 8이 같은 칸을 지키는지 확인해 보세요.
속삭임부터
외침까지.
같은 목소리가 아홉 가지 크기로 말을 겁니다. 얇게 두면 나직이 속삭이고, 굵게 두면 또렷이 외칩니다. 손잡이를 밀어 그 사이 어디쯤 마음에 드는 목소리를 찾아 보세요.
깨알 같은 글씨도,
큼직한 제목도.
가장 작은 11px부터 큼직한 표제까지 한자리에 세워 두었습니다. 숫자는 늘 같은 폭으로 줄을 맞춰, 표 안에서도 흐트러지지 않습니다.
HADA Sans 0123456789 !?@#&*
아침 알림부터 저녁 정산까지 읽습니다.
HADA Sans 0123456789 !?@#&*
숫자가 바뀌어도 표의 줄은 가지런합니다.
HADA Sans 0123456789 !?@#&*
아침 알림부터 저녁 정산까지 읽습니다.
HADA Sans 0123456789 !?@#&*
숫자가 바뀌어도 표의 줄은 가지런합니다.
HADA Sans 0123456789 !?@#&*
아침 알림부터 저녁 정산까지 읽습니다.
HADA Sans 0123456789 !?@#&*
숫자가 바뀌어도 표의 줄은 가지런합니다.
HADA Sans 0123456789 !?@#&*
아침 알림부터 저녁 정산까지 읽습니다.
HADA Sans 0123456789 !?@#&*
숫자가 바뀌어도 표의 줄은 가지런합니다.
글자 모음.
데려가기.
한글 음절을 최대 128자씩 나눈 웹폰트입니다. 페이지에 쓰인 글자가 든 조각만 불러와 전송량을 줄일 수 있습니다. 앱·인쇄·디자인 프로그램에는 TTF·OTF를 쓰세요.
HadaSans-WOFF2-Subset.zip
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/hada0127/hada-type-hada-sans@v2026.10.21/css/hada-sans-subset.css">웹에 올리기.
이 한 줄이면 끝납니다.
- 버전 고정
v2026.10.21처럼 태그를 붙이면 화면이 갑자기 바뀌지 않습니다. 운영 사이트에 권합니다.- 항상 최신
- 태그를 빼면 언제나 가장 새 버전을 불러옵니다. 빠르게 시험해 볼 때 좋습니다.
- 분할 버전
- 분할 버전은 페이지에 쓰인 글자의 조각만 내려받습니다.
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/hada0127/hada-type-hada-sans@v2026.10.21/css/hada-sans.css"><link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/hada0127/hada-type-hada-sans/css/hada-sans.css"><link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/hada0127/hada-type-hada-sans@v2026.10.21/css/hada-sans-subset.css"><style>
body {
font-family: "Hada Sans", system-ui, sans-serif;
font-weight: 400;
font-variant-numeric: tabular-nums;
}
strong {
font-weight: 700;
}
</style>