오늘의 퀘스트 3/5 완료 Lv.12
레벨업Level
Up
레벨업투게더와 함께 만든 글자입니다. 획이 시작하는 머리를 칼날처럼 비스듬히 잘라 썸네일과 제목에서 힘 있게 서고, 뼈대는 반듯한 산스라 앱 화면의 작은 글씨도 편하게 읽힙니다.
레벨업투게더 협업 글꼴 · 생산성 앱 레벨업투게더 ↗와 함께 만들었습니다.
한눈에 보기.
레벨업은 생산성 앱 레벨업투게더와 함께 만든 글꼴입니다. 획이 시작하는 머리를 칼날처럼 비스듬히 자르고 끝나는 발은 같은 각도로 절반 깊이만 잘랐습니다. 썸네일과 제목에서는 이 모양이 드러나고, 앱의 작은 글씨에서는 반듯한 산스의 뼈대를 따라 읽을 수 있습니다.
보통 글씨 400, 중간 굵기 600, 굵은 글씨 700에 각각 7도 기울인 이탤릭이 있어 모두 여섯 스타일입니다. 숫자는 기본으로 같은 너비라 표의 열을 맞추기 쉽고, 비례폭 숫자가 필요하면 글꼴 기능을 따로 켤 수 있습니다. 제목은 700과 이탤릭을 나란히 시험해 보세요. 기업·브랜드 아이덴티티에 쓸 때는 라이선스 조건과 별개로 저장소의 깃허브 이슈에 먼저 알려 주시면 좋겠습니다.
한글 완성형 11,172자와 라틴 글자, 숫자와 문장부호를 포함합니다. 앱 화면에서는 작은 본문을 400으로 두고 행동을 알리는 짧은 제목에 600이나 700을 골라 보세요.
- 굵기·축
- 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
숫자는
자리를 지킵니다.
기본 숫자는 0부터 9까지 폭이 모두 같습니다. 점수, 레벨, 타이머처럼 값이 바뀌어도 자릿수가 흔들리지 않습니다. 문장 속 숫자처럼 간격을 자연스럽게 두고 싶을 때는 CSS 한 줄로 비례폭 숫자로 바꿔 쓰세요.
LV.99 · 12:34
1,111,111
8,888,888
LV.99 · 12:34
1,111,111
8,888,888
/* 기본: 고정폭 숫자 (tnum) */
.score { font-family: "LevelUp", sans-serif; }
/* 문장 속 숫자: 비례폭 숫자 (pnum) */
.prose {
font-family: "LevelUp", sans-serif;
font-variant-numeric: proportional-nums;
/* 또는 font-feature-settings: "pnum"; */
}앱 속 작은 글씨부터
썸네일 제목까지.
버튼과 목록에 들어가는 작은 글씨와 썸네일에 얹는 큰 제목을 나란히 세워, 어느 크기에서 칼날 같은 머리가 살아나는지 살펴봅니다.
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 이슈로 문의
자주 묻는 질문.
내려받기 전에 많이 묻는 것들을 모았습니다. 답은 배포 파일에 함께 든 라이선스와 같은 내용입니다.
레벨업을 상업적으로 써도 되나요?
네. 레벨업은 SIL Open Font License 1.1로 배포하는 무료 폰트입니다. 상업적인 용도를 포함해 무료로 쓰고, 고치고, 다시 배포할 수 있습니다. 다만 글꼴 파일만 따로 떼어 판매할 수는 없습니다.
레벨업을 어디서 다운로드하나요?
이 페이지의 ‘데려가기’에서 TTF·OTF·WOFF2 ZIP(LevelUp-TTF.zip, LevelUp-OTF.zip, LevelUp-WOFF2.zip)을 무료로 내려받을 수 있습니다. 같은 파일은 GitHub 릴리스(https://github.com/hada0127/hada-type/releases/tag/v2026.10.13.1)에도 있습니다. 모든 ZIP에는 LICENSE.txt, COPYRIGHT.txt, WEBFONT-USAGE.txt가 들어 있고, WOFF2 ZIP에는 자체 호스팅용 WEBFONT.css도 함께 담았습니다.
웹폰트(CDN)는 어떻게 쓰나요?
HTML의 <head>에 아래 한 줄을 넣으면 jsDelivr CDN에서 레벨업의 모든 굵기를 한 번에 불러옵니다. CSS에서는 font-family: "LevelUp"로 지정하세요. 굵기는 font-weight 400·600·700, 이탤릭은 font-style: italic으로 고릅니다.
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/hada0127/[email protected]/css/levelup.css">레벨업을 고쳐 쓰거나 다시 배포해도 되나요?
네. SIL Open Font License 1.1 조건 안에서 고치고 다시 배포할 수 있습니다. 다시 배포할 때는 저작권 고지(COPYRIGHT.txt)와 라이선스 전문(LICENSE.txt)을 함께 넣어야 하고, 고친 글꼴도 같은 OFL 1.1로 배포해야 합니다. 글꼴 파일만 따로 판매할 수는 없습니다.
레벨업을 CI·BI로 써도 되나요?
사용 범위는 SIL Open Font License 1.1이 정합니다. 라이선스 조건은 아닌 부탁으로, CI·BI(기업·브랜드 아이덴티티)로 쓰실 계획이라면 미리 GitHub 이슈(https://github.com/hada0127/hada-type/issues)로 문의해 주세요. 이 부탁은 OFL 1.1 조건에 더해지지 않으며, 문의하지 않았다고 사용이 막히지는 않습니다.
웹에 올리기.
CSS 한 줄이면 내 사이트에서도 같은 글자가 인사합니다.
웹에 올리기
이 한 줄이면 끝납니다.
아래 <link> 한 줄을 <head>에 붙이면 지원하는 모든 굵기가 한꺼번에 들어옵니다. 파일을 따로 나눠 부르지 않아도 됩니다.
- 버전 고정
v2026.10.13.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>