오늘의 퀘스트 3/5 완료 Lv.12
레벨업Level
Up
레벨업투게더와 함께 만든 글자입니다. 획이 시작하는 머리를 칼날처럼 비스듬히 잘라 썸네일과 제목에서 힘 있게 서고, 뼈대는 반듯한 산스라 앱 화면의 작은 글씨도 편하게 읽힙니다.
레벨업투게더 협업 글꼴 · 생산성 앱 레벨업투게더 ↗와 함께 만들었습니다.
한눈에 보기.
레벨업은 생산성 앱 레벨업투게더와 함께 만든 글꼴입니다. 획이 시작하는 머리를 칼날처럼 비스듬히 자르고 끝나는 발은 같은 각도로 절반 깊이만 잘랐습니다. 썸네일과 제목에서는 이 모양이 드러나고, 앱의 작은 글씨에서는 반듯한 산스의 뼈대를 따라 읽을 수 있습니다.
보통 글씨 400, 중간 굵기 600, 굵은 글씨 700에 각각 7도 기울인 이탤릭이 있어 모두 여섯 스타일입니다. 숫자는 기본으로 같은 너비라 표의 열을 맞추기 쉽고, 비례폭 숫자가 필요하면 글꼴 기능을 따로 켤 수 있습니다. 제목은 700과 이탤릭을 나란히 시험해 보세요. 기업·브랜드 아이덴티티에 쓸 때는 라이선스 조건과 별개로 저장소의 깃허브 이슈에 먼저 알려 주시면 좋겠습니다.
한글 완성형 11,172자와 라틴 글자, 숫자와 문장부호를 포함합니다. 앱 화면에서는 작은 본문을 400으로 두고 행동을 알리는 짧은 제목에 600이나 700을 골라 보세요.
글꼴 마지막 업데이트 · v2026.10.21 · 변경 기록
- 굵기·축
- 400 · 600 · 700 정적 굵기 · 굵기마다 7° 이탤릭
- 지원 문자
- 한글 완성형 11,172자 · 라틴 · 숫자 · 기호
디자인 노트.
레벨업를 실제 문장 안에서 읽으며 살펴볼 점을 적었습니다.
레벨업의 획은 시작하는 머리가 칼날처럼 비스듬히 잘리고, 끝나는 발은 같은 각도로 절반만 덜어냅니다. 시작과 끝의 깊이가 달라 글자 안에 작은 방향감이 생깁니다. 큰 제목에서는 그 사선이 선명한 빛의 가장자리처럼 보이고, 작은 글씨에서는 반듯한 산스의 뼈대가 먼저 읽힙니다. 어두운 남색 바탕과 청록빛 포인트를 쓴 레벨업투게더의 디자인을 떠올리면, 밝은 획 머리가 배경에서 얼마나 또렷하게 서는지 시험하기 좋습니다.
400·600·700 세 굵기마다 똑바른 글자와 오른쪽으로 7° 기운 이탤릭이 있어 여섯 정적 스타일입니다. 400의 작은 레이블에서는 잘린 끝이 지나치게 거칠지 않은지, 600의 버튼과 700의 큰 제목에서는 사선의 결이 살아 있는지 살펴보세요. 이탤릭은 같은 획을 기울여 만든 스타일이라 한글과 라틴이 함께 움직입니다. 기울어진 한 줄에서는 문장부호와 숫자가 어느 높이에서 만나는지도 확인해 보세요.
기본 숫자는 같은 폭으로 놓여 값이 바뀌어도 열을 지킵니다. 문장 속 숫자가 글자 사이에 더 자연스럽게 흐르길 원하면 pnum 기능으로 비례폭 숫자를 쓸 수 있습니다. 두 방식을 같은 크기에서 번갈아 보면 숫자가 글줄에 남기는 간격의 차이가 보입니다. 하다 산스의 담백한 끝과 비교하면 레벨업의 잘린 머리는 짧은 단어에 조금 더 날 선 표정을 줍니다. 남색 화면의 청록색 작은 레이블과 밝은 제목에서 굵기를 바꿔 보고, 한글 받침과 라틴 대문자가 서로 튀지 않는지도 읽어 보세요.
날카롭게 서고,
편하게 읽힙니다.
세로획 머리와 가로획이 시작하는 자리를 칼날처럼 비스듬히 잘랐고, 획이 끝나는 발은 같은 각도로 절반만 잘랐습니다. 뼈대는 반듯한 산스라 작게 써도 글자가 흐트러지지 않습니다. 굵기를 바꾸고 이탤릭으로 기울여 보세요.
세 굵기,
두 자세.
굵기마다 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"; */
}
앱 속 작은 글씨부터
썸네일 제목까지.
버튼과 목록에 들어가는 작은 글씨와 썸네일에 얹는 큰 제목을 나란히 세워, 어느 크기에서 칼날 같은 머리가 살아나는지 살펴봅니다.
오늘도 한 단계 위로. LevelUp
한 단계 오른 제목에 힘을 실어 줍니다.
오늘도 한 단계 위로. LevelUp
기울어진 글씨로 다음 장면을 예고합니다.
오늘도 한 단계 위로. LevelUp
한 단계 오른 제목에 힘을 실어 줍니다.
오늘도 한 단계 위로. LevelUp
기울어진 글씨로 다음 장면을 예고합니다.
오늘도 한 단계 위로. LevelUp
한 단계 오른 제목에 힘을 실어 줍니다.
오늘도 한 단계 위로. LevelUp
기울어진 글씨로 다음 장면을 예고합니다.
오늘도 한 단계 위로. LevelUp
한 단계 오른 제목에 힘을 실어 줍니다.
오늘도 한 단계 위로. LevelUp
기울어진 글씨로 다음 장면을 예고합니다.
글자 모음.
데려가기.
한글 음절을 최대 128자씩 나눈 웹폰트입니다. 페이지에 쓰인 글자가 든 조각만 불러와 전송량을 줄일 수 있습니다. 앱·인쇄·디자인 프로그램에는 TTF·OTF를 쓰세요.
LevelUp-WOFF2-Subset.zip
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/hada0127/hada-type-levelup@v2026.10.21/css/levelup-subset.css">
자유롭게 쓰고,
부탁 하나.
쓸 수 있는 범위는 라이선스가 정합니다. 아래 부탁은 따로 적은 것이라, 지키지 않아도 사용 권리는 그대로입니다.
SIL Open Font License 1.1
상업적인 용도를 포함해 무료로 쓸 수 있습니다. 고쳐 쓰거나 다시 배포해도 됩니다. 다만 글꼴 파일만 따로 떼어 판매할 수는 없습니다.
CI·BI(기업·브랜드 아이덴티티)로 쓰실 때는 미리 문의해 주세요.
라이선스 조건은 아니지만, 회사나 브랜드의 얼굴이 되는 글자로 쓰실 계획이라면 먼저 알려 주시면 고맙겠습니다. 문의하지 않았다고 사용이 막히지는 않습니다.
문의: GitHub 이슈로 문의
웹에 올리기.
이 한 줄이면 끝납니다.
- 버전 고정
v2026.10.21처럼 태그를 붙이면 화면이 갑자기 바뀌지 않습니다. 운영 사이트에 권합니다.- 항상 최신
- 태그를 빼면 언제나 가장 새 버전을 불러옵니다. 빠르게 시험해 볼 때 좋습니다.
- 분할 버전
- 분할 버전은 페이지에 쓰인 글자의 조각만 내려받습니다.
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/hada0127/hada-type-levelup@v2026.10.21/css/levelup.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/hada0127/hada-type-levelup/css/levelup.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/hada0127/hada-type-levelup@v2026.10.21/css/levelup-subset.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>