오늘의 퀘스트 3/5 완료 Lv.12
Level
Up
레벨업투게더와 함께 만든 글자입니다. 획이 시작하는 머리를 칼날처럼 비스듬히 잘라 썸네일과 제목에서 힘 있게 서고, 뼈대는 반듯한 산스라 앱 화면의 작은 글씨도 편하게 읽힙니다.
레벨업투게더 협업 글꼴 · 생산성 앱 레벨업투게더 ↗와 함께 만들었습니다.
한눈에 보기.
레벨업은 Hada Type이 생산성 앱 레벨업투게더와 함께 만든 한글·라틴 산세리프입니다. 400·600·700의 세 정적 굵기마다 7° 이탤릭을 짝으로 두어 여섯 스타일을 제공합니다. SIL Open Font License 1.1로 공개하며 TTF·OTF·WOFF2 ZIP 또는 CDN으로 쓸 수 있습니다.
- 굵기·축
- 400 · 600 · 700 정적 굵기 · 굵기마다 7° 이탤릭
- 지원 문자
- 한글 완성형 11,172자 · 라틴 · 숫자 · 기호
날카롭게 서고,
편하게 읽힙니다.
세로획 머리와 가로획이 시작하는 자리를 칼날처럼 비스듬히 잘랐고, 획이 끝나는 발은 같은 각도로 절반만 잘랐습니다. 뼈대는 반듯한 산스라 작게 써도 글자가 흐트러지지 않습니다. 굵기를 바꾸고 이탤릭으로 기울여 보세요.
오늘의 퀘스트 완료! 경험치 +120, 다음 레벨까지 3일. LevelUp 0123456789
세 굵기,
두 자세.
굵기마다 7° 기울인 이탤릭이 짝으로 있습니다. 제목은 Bold로 세우고, 강조나 숫자 기록은 이탤릭으로 앞으로 밀어 보세요.
오늘의 퀘스트 3/5 완료 Lv.12
오늘의 퀘스트 3/5 완료 Lv.12
오늘의 퀘스트 3/5 완료 Lv.12
오늘의 퀘스트 3/5 완료 Lv.12
오늘의 퀘스트 3/5 완료 Lv.12
앱 속 작은 글씨부터
썸네일 제목까지.
버튼과 목록에 들어가는 작은 글씨와 썸네일에 얹는 큰 제목을 나란히 세워, 어느 크기에서 칼날 같은 머리가 살아나는지 살펴봅니다.
11px
오늘도 한 단계 위로. LevelUp
오늘 밤 우리는 작은 리듬을 남깁니다.
16px
오늘도 한 단계 위로. LevelUp
작은 글자도 또렷하게 읽히면 좋겠습니다.
24px
오늘도 한 단계 위로. LevelUp
작은 글자도 또렷하게 읽히면 좋겠습니다.
36px
오늘도 한 단계 위로. LevelUp
작은 글자도 또렷하게 읽히면 좋겠습니다.
52px
오늘도 한 단계 위로. LevelUp
작은 글자도 또렷하게 읽히면 좋겠습니다.
72px
오늘도 한 단계 위로. LevelUp
작은 글자도 또렷하게 읽히면 좋겠습니다.
96px
오늘도 한 단계 위로. LevelUp
작은 글자도 또렷하게 읽히면 좋겠습니다.
128px
오늘도 한 단계 위로. LevelUp
작은 글자도 또렷하게 읽히면 좋겠습니다.
글자 모음.
영문과 숫자, 기호, 한글 자모와 완성형을 한 장씩 넘겨 보며 굵기를 바꿔 봅니다.
데려가기.
설치용, 편집용, 웹용. 필요한 자리에 맞춰 세 묶음으로 나눠 담았습니다.
자유롭게 쓰고,
부탁 하나.
쓸 수 있는 범위는 라이선스가 정합니다. 아래 부탁은 따로 적은 것이라, 지키지 않아도 사용 권리는 그대로입니다.
SIL Open Font License 1.1
상업적인 용도를 포함해 무료로 쓸 수 있습니다. 고쳐 쓰거나 다시 배포해도 됩니다. 다만 글꼴 파일만 따로 떼어 판매할 수는 없습니다.
CI·BI(기업·브랜드 아이덴티티)로 쓰실 때는 미리 문의해 주세요.
라이선스 조건은 아니지만, 회사나 브랜드의 얼굴이 되는 글자로 쓰실 계획이라면 먼저 알려 주시면 고맙겠습니다. 문의하지 않았다고 사용이 막히지는 않습니다.
문의: GitHub 이슈로 문의
웹에 올리기.
CSS 한 줄이면 내 사이트에서도 같은 글자가 인사합니다.
웹에 올리기
이 한 줄이면 끝납니다.
아래 <link> 한 줄을 <head>에 붙이면 지원하는 모든 굵기가 한꺼번에 들어옵니다. 파일을 따로 나눠 부르지 않아도 됩니다.
- 버전 고정
v2026.10.12.1처럼 태그를 붙이면 화면이 갑자기 바뀌지 않습니다. 운영 사이트에 권합니다.- 항상 최신
- 태그를 빼면 언제나 가장 새 버전을 불러옵니다. 빠르게 시험해 볼 때 좋습니다.
버전 고정 · 모든 굵기
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/hada0127/[email protected]/css/levelup.css">
항상 최신 · 모든 굵기
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/hada0127/hada-type/css/levelup.css">
CSS에서 쓰기
<style>
.headline {
font-family: "LevelUp", system-ui, sans-serif;
font-weight: 700;
}
.headline em {
font-style: italic;
}
.app-label {
font-family: "LevelUp", system-ui, sans-serif;
font-weight: 400;
}
</style>