designnews

핀테크·B2B UI 고딕 12선: 숫자·표·대시보드 화면용

대시보드 표, 거래 리스트 13~14px, 모달 세 조건으로 비교

designnews

핀테크와 B2B SaaS 화면은 글자가 아니라 숫자를 읽는 자리입니다. 거래 금액이 세 자리마다 쉼표로 끊어지고, 잔액 열은 소수점 둘째 자리까지 우측 정렬됩니다. 핀테크 UI 폰트에서 서체가 갈리는 지점은 세 가지입니다. 첫째, 숫자 폭이 균일한지 여부(표 열이 흔들리면 눈이 피로해집니다). 둘째, 13~14px 작은 본문에서 자소가 뭉개지지 않는지. 셋째, 웹 임베딩 조건이 명시되어 서비스에 바로 투입할 수 있는지 입니다.

선정 기준 — DB 축 세 줄 요약

여기 모은 12종은 모두 산세리프, 굵기 3단 이상, 한글 음절 11,172자(완성형)를 그린 패밀리입니다. 상업 사용은 전부 가능합니다. 다만 웹 임베딩 축은 free·restricted·unstated로 갈리며, 수정·재배포 가부도 폰트마다 다릅니다. 글리프 수치는 designnews가 미리보기 파일 cmap에서 측정한 값으로, 공식 배포본의 전체 지원 범위를 단정하는 데는 쓰지 않고 상대 비교에만 사용했습니다.

x-height 실측치가 공개된 폰트는 비율을 함께 적었습니다. 대시보드 리스트 13~14px에서 소문자와 한글 중성·종성의 가독을 좌우하기 때문입니다. tnum(동일폭 숫자) 피처가 폰트 파일에 포함됐는지는 배포처 명세로 확인해야 합니다.

폰트별 비교

프리젠테이션

프리젠테이션

프리젠테이션은 굵기 100·200·300·400·500·600·700·800·900까지 아홉 단으로 나뉜 보기 드문 완성형 패밀리입니다. 제작은 이주임. 핀테크 대시보드처럼 캡션 300, 본문 400, 강조 금액 600, 섹션 타이틀 700, 알림 숫자 800을 한 가족 안에서 짤 수 있습니다. x-height 비율 0.526으로 중간대에 가까우며, 그려진 글리프 14,394자 중 한글 음절 11,172자가 전부 들어 있습니다. 라이선스 축은 상업·수정·재배포 모두 가능으로 검증됐고 웹 임베드 free입니다. 표 열이 긴 관리자 화면에서 굵기 축을 UI 토큰처럼 세분화하려는 팀에 쓸 만합니다.

Asta Sans

Asta Sans

Asta Sans는 42dot이 만든 산세리프로 굵기 300·400·500·600·700·800 여섯 단을 갖춥니다. x-height 비율 0.505, 그려진 글리프 12,168자입니다. 비율이 중간이라 14px 거래 리스트에서 한글이 과하게 크지 않습니다. 숫자 자형이 세로로 길쭉한 편이라 금액 열에서 공간을 덜 먹습니다. 라이선스는 상업·수정·재배포 가능에 웹 임베드 free까지 열려 있어 서비스 번들로 바로 투입할 수 있습니다. 최적 페어 점수는 프리텐다드와 88.00점입니다. 모빌리티·B2B 콘솔처럼 숫자와 영문 라벨이 교차하는 UI에서 쓰임이 좋습니다.

김정철 고딕

김정철 고딕

김정철 고딕은 정림건축이 윤디자인에 의뢰해 배포한 패밀리로 300·400·700 세 단입니다. 그려진 글리프 12,269자에 라틴확장A 18·키릴 66·그리스 48까지 들어가 사내 데이터 라벨에 유럽 문자가 섞여도 폴백 없이 그려집니다. 다만 수정 불가, 재배포 조건부, 웹 임베드 unstated로 축이 좁습니다. 서버사이드 PDF 리포트나 디자인 산출물에는 쓰되, 웹서비스 @font-face 투입 전에는 배포처 원문 확인이 필요합니다. 자소 획이 반듯한 편이라 숫자 금액이 또렷하게 떨어집니다.

KoPub 돋움체

KoPub 돋움체

KoPub 돋움체는 문화체육관광부와 한국출판인회의가 공동 배포한 산세리프로 300·500·700 세 단입니다. 그려진 글리프가 17,446자로 이 컬렉션 중 상위권이며, 라틴확장A 18·키릴 66·그리스 48을 포함합니다. 라이선스 축이 까다롭습니다. 상업은 가능하되 수정 불가, 재배포 불가, 웹 임베드는 restricted입니다. B2B 리포트 PDF와 사내 문서 조판에는 안전하지만, 금융 서비스 웹에 올리기 전 임베드 조건을 배포처 원문에서 재확인해야 합니다. 자형은 표 조판에 맞춰 단정한 축을 유지합니다.

KoddiUD 온고딕

KoddiUD 온고딕

KoddiUD 온고딕은 한국장애인개발원이 접근성을 축으로 설계한 UD(Universal Design) 계열입니다. 굵기 400·700·800. x-height 비율 0.498로 중간대, 그려진 글리프 12,269자입니다. 고령 사용자 비중이 큰 금융·보험 서비스에서 거래 내역 리스트 14px, 모달 안내문 16px에 쓰면 자소 간 공백이 또렷하게 유지됩니다. 라이선스는 상업 가능, 수정 불가, 재배포 불가, 웹 임베드 unstated입니다. 서비스 @font-face 투입 전 배포처 원문 확인이 필요합니다. 숫자 획 끝이 뭉툭해 잔액이 깔끔하게 읽힙니다.

나눔 고딕 에코

나눔 고딕 에코

나눔 고딕 에코는 네이버가 배포한 나눔 계열의 변형본으로 400·700·800 세 단입니다. 그려진 글리프 17,628자, 라틴확장A 18·키릴 66·그리스 48을 품습니다. 세로쓰기(vert) 실측 글리프까지 포함돼 가로 UI뿐 아니라 세로 라벨이 필요한 명함·안내 포스터에도 쓰기 좋습니다. 라이선스 축은 상업·수정·재배포 모두 가능, 웹 임베드 free입니다. 획이 가늘어진 지점에 작은 빈틈을 둔 설계라, 13~14px 리스트에서 자소가 서로 들러붙지 않습니다. 페어링은 코트라 도약 82.00점입니다.

엘리스 DX널리체

엘리스 DX널리체

엘리스 DX널리체는 엘리스가 배포한 산세리프로 300·500·700 세 단, 그려진 글리프 12,258자입니다. 라틴확장A 18·키릴 66·그리스 48까지 포함해 교육·데이터 라벨에 영문·수식 기호가 섞여도 공백 없이 그려집니다. 라이선스는 상업·수정·재배포 모두 가능, 웹 임베드 free로 SaaS 투입에 걸림이 없습니다. B2B 콘솔의 세 단 위계(캡션 300·본문 500·강조 700)를 그대로 토큰화해도 잘 돌아갑니다. 최적 페어는 마루 부리 82.00점으로, 명조와 섞어 긴 문서 뷰어까지 커버하면 됩니다.

카카오 작은글씨

카카오 작은글씨

카카오 작은글씨는 카카오가 소형 텍스트용으로 설계한 산세리프입니다. 굵기 300·400·700, x-height 비율 0.570으로 이 컬렉션 중 가장 높습니다. 그려진 글리프 12,168자. 비율이 높다는 건 캡션 11~12px, 리스트 13px 환경에서 한글 중성·종성이 상대적으로 크게 그려진다는 뜻입니다. 거래 내역·푸터·캡션 레이어에 투입할 폰트를 하나만 고른다면 수치가 가장 직접적으로 답을 줍니다. 라이선스는 상업·수정·재배포 모두 가능, 웹 임베드 free입니다. 라틴확장A 24자가 포함돼 있습니다.

서울 남산

서울 남산

서울 남산은 서울특별시가 배포한 산세리프 겸 디스플레이로 300·500·700·800 네 단입니다. 그려진 글리프 18,572자로 이 컬렉션에서 상위, 라틴확장A 18·키릴 66·그리스 49까지 포함합니다. x-height 비율 0.500. 공공·금융 서비스에서 본문부터 안내 포스터까지 한 가족으로 묶을 때 네 번째 단(800)이 섹션 헤더 역할을 소화합니다. 라이선스 축에서 출처표기 필요가 걸려 있어, 서비스 Footer나 크레딧 페이지에 배포처 명기가 요구됩니다. 상업·수정·재배포 가능, 웹 임베드 free입니다.

LINE Seed KR

LINE Seed KR

LINE Seed KR은 LINE이 배포한 산세리프로 100·400·700 세 단입니다. x-height 비율 0.505, 그려진 글리프 12,290자입니다. 가장 가벼운 굵기 100이 포함돼 긴 설명문·약관 모달에서 저밀도 조판이 가능합니다. 라틴확장A 18·키릴 66·그리스 48까지 포함, 라이선스는 상업·수정·재배포 모두 가능이며 웹 임베드 free입니다. 출처표기 권장 축이 있어 서비스 소개 페이지 하단에 표기해두면 분쟁 소지가 없습니다. 자소 획 끝에 완만한 라운딩이 들어가 거래 리스트에서 눈이 덜 피로합니다. 최적 페어는 마루 부리 84.00점입니다.

경기천년제목

경기천년제목

경기천년제목은 경기도가 배포한 산세리프 겸 디스플레이로 300·500·700 세 단입니다. x-height 비율 0.500, 그려진 글리프 12,291자. 라틴확장A 18·키릴 66·그리스 48 포함입니다. 금융 서비스 랜딩 상단, 수치 하이라이트 섹션, 캠페인 모달 제목처럼 큰 사이즈에서 숫자를 강조하는 자리에 맞는 축을 가집니다. 라이선스는 상업·수정·재배포 모두 가능, 웹 임베드 free입니다. 최적 페어 점수가 경기천년바탕과 92.00점으로 컬렉션 내 최상위라, 명조·고딕 혼용 조판 설계가 깔끔하게 떨어집니다.

KoPub 월드 돋움

KoPub 월드 돋움

KoPub 월드 돋움은 한국출판인회의가 다국어 조판을 염두에 두고 확장한 판본입니다. 300·500·700 세 단, 그려진 글리프 25,959자입니다. 라틴확장A 128·키릴 256·그리스 48까지 품어 이 컬렉션에서 영문·러시아어·베트남어 폴백 없이 그려지는 범위가 가장 넓습니다. 글로벌 B2B 콘솔의 다국어 라벨 조판에 쓰임새가 큽니다. 라이선스는 상업 가능, 수정 불가, 재배포는 축이 해당없음, 웹 임베드 restricted입니다. 서비스 @font-face 투입 전 배포처 원문 확인이 필수입니다. 페어링은 KoPub 월드 바탕 88.00점입니다.

대시보드 표 — 금액 열 정렬이 흔들리지 않아야 하는 자리

숫자 정렬이 핵심인 표 UI에는 굵기 축이 세분화된 쪽이 유리합니다. 캡션·본문·강조·합계 네 단을 한 가족 안에서 처리하려면 프리젠테이션의 아홉 단, Asta Sans의 여섯 단이 선택지가 됩니다. 둘 다 상업·수정·재배포 가능에 웹 임베드 free입니다. tnum(동일폭 숫자) 활성화는 폰트 파일 명세에서 재확인이 필요합니다.

거래 리스트 13~14px — x-height 실측이 답하는 자리

작은 본문에서 한글이 크게 느껴지려면 x-height 비율이 높아야 합니다. 이 컬렉션에서 실측치가 공개된 폰트 기준으로 카카오 작은글씨가 0.570, 프리젠테이션이 0.526, Asta Sans와 LINE Seed KR이 0.505, 서울 남산·경기천년제목·KoPub 월드 돋움이 0.500, KoddiUD 온고딕이 0.498 순입니다. 리스트 셀이 좁고 숫자 밀도가 높은 뱅킹 앱 거래 내역이면 상위 두 종이 먼저 후보에 듭니다.

고객 안내 모달 — 라이선스 축이 좁은 폰트는 미리 걸러낸다

서비스에 올려 웹에서 그릴 폰트는 임베드 축이 free여야 합니다. 이 조건으로 필터하면 프리젠테이션·Asta Sans·나눔 고딕 에코·엘리스 DX널리체·카카오 작은글씨·서울 남산·LINE Seed KR·경기천년제목 여덟 종이 남습니다. KoPub 돋움체·KoPub 월드 돋움은 restricted, 김정철 고딕·KoddiUD 온고딕은 unstated로, 서비스 투입 전 원문 재확인이 필요합니다. 서울 남산과 LINE Seed KR은 출처표기 축이 각각 필요·권장이므로 Footer 명기를 권장합니다.

상황별 선택

뱅킹 앱 거래 내역처럼 작은 리스트가 길게 이어지는 화면: 카카오 작은글씨·프리젠테이션. B2B 데이터 콘솔의 다국어 라벨: KoPub 월드 돋움·Asta Sans. 금융 서비스 랜딩·캠페인 상단 수치 섹션: 경기천년제목·서울 남산. 접근성 가이드가 걸린 공공·보험 서비스: KoddiUD 온고딕. 사내 리포트 PDF 조판: KoPub 돋움체·김정철 고딕. 교육 SaaS 콘솔 세 단 위계: 엘리스 DX널리체. 명함·세로 라벨까지 묶는 번들: 나눔 고딕 에코. 가벼운 약관 조판: LINE Seed KR.

한 줄 판단

숫자·표·대시보드 중심 화면에서는 굵기 단수, x-height 실측치, 웹 임베드 축 세 가지가 선택을 결정합니다. 서비스에 바로 올릴 자리라면 free 축이 검증된 여덟 종 안에서 고르고, 사내·PDF 산출물이면 restricted·unstated 폰트까지 범위를 넓힙니다.

함께 보기: 웹 임베딩 허용 고딕 · 본문용 고딕

공유
#핀테크 폰트#B2B 폰트#SaaS 폰트#대시보드 폰트#UI 폰트#한글 고딕#상업용 무료 폰트#웹폰트 임베딩#숫자 폰트#관리자 화면 폰트