Static 300-800

Hada
Cond

5 Static WeightsOFL 1.1

자리가 모자란 곳을 위한 글자입니다. 폭을 좁히면서 세로획 두께는 그대로 지켜, 좁은 표와 작은 배지 안에서도 글자가 가늘어 보이지 않습니다.

좁혀도
가늘어지지 않게.

폭만 줄이면 세로획이 함께 얇아집니다. 그래서 한 단계 굵은 뼈대에서 좁혀, 좁아진 뒤에 원래 굵기가 남도록 맞췄습니다.

좁은 표와 작은 배지에도 넉넉히 들어갑니다. Hada Condensed 0123456789

한 줄에
더 많이 담기.

같은 폭에 몇 글자가 더 들어가는지, 작은 크기에서도 읽히는지 한자리에서 확인해 봅니다.

11px

한 줄에 더 많은 말을 담습니다. Hada Condensed

오늘 밤 우리는 작은 리듬을 남깁니다.

16px

한 줄에 더 많은 말을 담습니다. Hada Condensed

작은 글자도 또렷하게 읽히면 좋겠습니다.

24px

한 줄에 더 많은 말을 담습니다. Hada Condensed

작은 글자도 또렷하게 읽히면 좋겠습니다.

36px

한 줄에 더 많은 말을 담습니다. Hada Condensed

작은 글자도 또렷하게 읽히면 좋겠습니다.

52px

한 줄에 더 많은 말을 담습니다. Hada Condensed

작은 글자도 또렷하게 읽히면 좋겠습니다.

72px

한 줄에 더 많은 말을 담습니다. Hada Condensed

작은 글자도 또렷하게 읽히면 좋겠습니다.

96px

한 줄에 더 많은 말을 담습니다. Hada Condensed

작은 글자도 또렷하게 읽히면 좋겠습니다.

128px

한 줄에 더 많은 말을 담습니다. Hada Condensed

작은 글자도 또렷하게 읽히면 좋겠습니다.

글자 모음.

영문과 숫자, 기호, 한글 자모와 완성형을 한 장씩 넘겨 보며 굵기를 바꿔 봅니다.

데려가기.

설치용, 편집용, 웹용. 필요한 자리에 맞춰 세 묶음으로 나눠 담았습니다.

내 컴퓨터에 TTF ZIP ↓

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

디자인 작업에 OTF ZIP ↓

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

내 웹사이트에 WOFF2 ZIP ↓

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

웹에 올리기.

CSS 한 줄이면 내 사이트에서도 같은 글자가 인사합니다.

웹에 올리기

이 한 줄이면 끝납니다.

아래 <link> 한 줄을 <head>에 붙이면 지원하는 모든 굵기가 한꺼번에 들어옵니다. 파일을 따로 나눠 부르지 않아도 됩니다.

버전 고정: v2026.09.05처럼 태그를 붙이면 화면이 갑자기 바뀌지 않습니다. 운영 사이트에 권합니다.
항상 최신: 태그를 빼면 언제나 가장 새 버전을 불러옵니다. 빠르게 시험해 볼 때 좋습니다.

버전 고정 · 모든 굵기

<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/hada0127/[email protected]/css/hada-condensed.css">

항상 최신 · 모든 굵기

<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/hada0127/hada-type/css/hada-condensed.css">

CSS에서 쓰기

<style>
.table-cell, .badge {
  font-family: "Hada Condensed", system-ui, sans-serif;
  font-weight: 400;
  font-variant-numeric: tabular-nums;
}
</style>