상세페이지는 긴 세로 이미지로 구워 올리는 매체입니다. 제품 사진 사이에 끼어드는 본문은 모바일 화면 폭 기준 1618px 환산 크기로 소비되고, 가격·옵션·배송 안내는 그보다 12단계 큰 굵기로 끊어 보입니다. 쇼핑몰 상세페이지 폰트를 고를 때 세 영역이 서로 다른 기준에서 갈리는 까닭이 여기 있습니다.
본문은 획이 너무 가늘면 JPG 압축에서 뭉개지고, 너무 굵으면 긴 호흡이 피곤해집니다. 가격과 숫자는 라이닝 숫자의 두께 차이가 드러납니다. 배송·반품 안내는 11,172자 완성형이 채워져야 희귀 지명이나 성씨에서 글자가 빈 네모로 깨지지 않습니다. 아래 12종은 전체 616종 중 산세리프이면서 굵기 3단 이상과 한글 완성형을 모두 갖추고, 이커머스·프로모션·캐주얼 톤 태그가 자주 붙는 서체를 추린 결과입니다.
상세페이지 본문에서 폰트가 갈리는 세 조건
첫째는 굵기 폭입니다. 본문용 300500과 소제목용 700800이 한 가족 안에 들어 있어야 이미지 안에서 위계가 섭니다. 둘째는 숫자 글리프의 두께 균질성입니다. 가격 "29,900"의 2·9·0이 같은 호흡으로 끊어져야 할인 전·후 가격을 겹쳐 쓸 때 흔들리지 않습니다. 셋째는 x-height 실측입니다. 작게 구워낸 뒤 2배 뷰어로 다시 늘릴 때 자소 속공간이 뭉개지는 선은 x-height 0.48 아래부터 시작됩니다. 이번 선정에서는 이 세 기준의 수치만 봅니다.
라이선스는 축 6가지(상업·수정·재배포·출처표기·유료재판매·웹임베드)로 끊어 봅니다. 상세페이지는 이미지로 굽는 사용이 대부분이지만, 라이브 커머스 자막이나 자사몰 CSS 적용까지 염두에 둔다면 웹임베드 축도 같이 봐야 합니다.
G마켓 산스 — 가격 숫자가 또렷한 커머스 전용 설계
G마켓 산스
G마켓 산스는 이베이코리아가 산돌에 의뢰해 만든 서체입니다. 굵기는 300·500·700 세 단이고, 한글 음절 11,172자 완성형을 채웠으며 라틴확장A 18·키릴 66·그리스 48 글리프를 그렸습니다. 실측 x-height 비율은 0.500입니다. 상세페이지에서 눈여길 지점은 숫자 글리프 획이 Medium 500과 Bold 700 사이에서 거의 평행하게 두꺼워진다는 부분입니다. 할인 전 가격을 500으로, 할인 후 가격을 700으로 겹쳐 써도 숫자 폭이 어긋나지 않습니다. 라이선스 축은 상업 가능·수정 가능·재배포 가능이며 유료재판매는 불가, 웹임베드는 자유 축으로 표기됩니다. 베스트 페어는 Asta Sans 86점으로 영문 혼용 블록에 바로 투입됩니다.
더잠실체 — 6단 굵기로 한 가족 안에서 위계 짜기
더잠실체
더잠실체는 롯데마트가 배포한 산세리프 겸 디스플레이입니다. 100·300·400·500·700·800 여섯 단으로, 이번 선정 12종 중 굵기 폭이 가장 넓습니다. 긴 세로 이미지 본문에서 100은 캡션, 400은 본문, 800은 섹션 헤드로 세 축을 한 가족 안에서 끝낼 수 있습니다. 글리프는 라틴확장A 18·키릴 66·그리스 48에 한글 11,172자 완성형을 채웠고 실측 x-height 0.500입니다. 라이선스 축은 상업 가능이 확인됐으며 수정·재배포·출처표기·웹임베드는 축 자체가 비검증 또는 미표기로 남아 있어, 축별 가부는 배포처 원문 확인이 필요합니다. 베스트 페어는 본고딕 86점입니다.
넥슨 Lv.1 고딕 — 둥근 종결과 캐주얼 톤의 상세페이지 본문
넥슨 Lv.1 고딕
넥슨 Lv.1 고딕은 넥슨이 배포한 산세리프입니다. 300·400·700 세 단에 한글 11,172자 완성형을 채웠습니다. 획 끝이 미세하게 둥글어 캐주얼·게임·키즈 카테고리 상세페이지 본문과 결이 맞습니다. 라틴확장A 18·키릴 66·그리스 48을 갖췄고 실측 x-height 비율은 0.500입니다. 라이선스 축은 상업 가능·재배포 가능·웹임베드 자유이지만, 수정 불가와 출처 표기 권장 조건이 붙습니다. 자소 수정이 필요한 로고화 작업에는 결이 맞지 않고, 상세페이지 이미지에 얹는 본문·캡션 용도로 범위를 좁히는 쪽이 안전합니다. 베스트 페어는 프리텐다드 84점입니다.
넥슨 Lv.2 고딕 — 500 미디엄이 추가된 본문 운용
넥슨 Lv.2 고딕
넥슨 Lv.2 고딕은 Lv.1에 500 미디엄이 추가된 4단 패밀리입니다. 상세페이지 본문을 400으로 깔고 중간 강조를 500으로 올리면 700을 소제목에 남길 수 있습니다. 세 축 위계가 한 가족 안에서 갈라진다는 뜻입니다. 글리프 범위는 Lv.1과 거의 같아 라틴확장A 18·키릴 66·그리스 48에 한글 11,172자 완성형, x-height 0.500을 유지합니다. 라이선스 축은 상업 가능·재배포 가능·웹임베드 자유, 수정 불가·출처 표기 권장이 같습니다. 베스트 페어는 프리텐다드 85점으로 Lv.1보다 1점 높습니다.
동글 — x-height 0.280, 캡션 전용 포인트 서체
동글
동글은 류양희 디자이너가 그린 산세리프입니다. 실측 x-height 비율이 0.280으로 이번 12종 중 가장 낮습니다. 본문용으로 쓰면 소문자 영역이 지나치게 작아지지만, 반대로 긴 세로 이미지 안에서 분위기 전환용 캡션이나 태그 라인에 넣으면 다른 본문과 명백히 다른 호흡이 만들어집니다. 굵기 300·400·700 세 단이고, 라틴확장A는 127자로 12종 중 두 번째로 많이 갖췼으며 키릴·그리스는 비워 뒀습니다. 그려진 글리프는 12,486자입니다. 라이선스 축은 상업·수정·재배포·웹임베드가 모두 자유, 출처 표기 축은 해당 없음입니다. 베스트 페어는 나눔스퀘어 라운드 82점입니다.
노토 산스 KR — x-height 0.543, 세로쓰기 vert 실측 보유
노토 산스 KR
노토 산스 KR은 구글과 어도비가 공동 설계한 산세리프입니다. 실측 x-height 0.543은 이번 12종 중 1위이고, 작게 구운 뒤 다시 확대되는 상세페이지 조건에서 자소 속공간이 가장 늦게 뭉개집니다. 100·300·400·500·700·900 여섯 단 굵기에 한글 11,172자 완성형을 채웠고, 세로쓰기 vert 피처 실측값도 가지고 있습니다. 세로 배너나 라벨 모양 블록에 세로조판으로 깔아도 자소가 튀지 않습니다. 라틴확장A는 2자로 라틴 보조는 거의 비워진 셈이지만, 한글 측면만 보면 이번 선정에서 가장 안정적입니다. 라이선스 축은 상업·수정·재배포·웹임베드가 모두 자유입니다. 베스트 페어는 노토 세리프 KR 94점입니다.
나눔스퀘어 네오 — 925까지 올라가는 디스플레이 겸 본문
나눔스퀘어 네오
나눔스퀘어 네오는 네이버가 배포한 산세리프로 300·400·700·800·900 다섯 단입니다. 800·900 두 단이 패밀리 안에 있어, 상세페이지 상단 히어로 이미지의 큰 글자 블록을 외부 디스플레이 서체로 바꾸지 않아도 됩니다. 실측 x-height 0.525로 두 번째로 높고, 세로쓰기 vert 실측값도 가지고 있습니다. 그려진 글리프는 12,157자, 한글 11,172자 완성형입니다. 라틴확장A·키릴·그리스는 모두 0으로 비워져 라틴 혼용 블록은 다른 서체와 짝지어야 합니다. 라이선스 축은 상업·수정·재배포·웹임베드 자유, 출처 표기 권장이 붙습니다. 베스트 페어는 검은고딕 86점입니다.
나눔고딕 — 400·700·800 세 단, 라이선스가 가장 느슨한 축
나눔고딕
나눔고딕은 네이버 배포 산세리프로, 400·700·800 세 단입니다. 300이 없어 캡션 영역에서는 400을 그대로 쓰거나 글자 크기를 줄여 계층을 만듭니다. 실측 x-height는 0.542로 노토 산스 KR 바로 아래 수치입니다. 글리프는 라틴확장A 16·키릴 0·그리스 0, 한글 11,172자 완성형에 그려진 글리프 11,825자입니다. 라이선스 축은 상업·수정·재배포·웹임베드가 모두 자유 축으로 열려 있고 출처 표기 권장이 붙는 정도여서, 외주로 넘겨 유지보수까지 맡기는 쇼핑몰 작업에서 축별 리스크가 가장 작은 편입니다. 베스트 페어는 마루 부리 86점입니다.
KoPub 월드 돋움 — 25,959자 그려낸 다국어 안전망
KoPub 월드 돋움
KoPub 월드 돋움은 한국출판인회의가 배포한 산세리프입니다. 그려진 글리프 수가 25,959자로 이번 12종 중 압도적입니다. 라틴확장A 128·키릴 256·그리스 48까지 품어 수입 브랜드 상세페이지에서 원산지·성분 표기를 여러 언어로 올려도 빈 네모가 거의 뜨지 않습니다. 굵기는 300·500·700 세 단, 한글 11,172자 완성형, x-height 실측 0.500입니다. 라이선스 축에서 상업은 가능하지만 수정 불가, 재배포 축은 해당 없음, 웹임베드는 제한(restricted) 축으로 표기됩니다. 자사몰 CSS 임베드를 쓸 계획이라면 배포처 원문 확인이 필수입니다. 베스트 페어는 KoPub 월드 바탕 88점입니다.
서울 한강 — 네 단 굵기와 디스플레이 겸용 설계
서울 한강
서울 한강은 서울특별시가 배포한 산세리프 겸 디스플레이로 300·500·700·800 네 단입니다. 그려진 글리프 18,573자로 KoPub 다음가는 범위입니다. 상세페이지 상단 히어로 카피에 800을 올리고 본문을 300·500으로 받쳐도 결이 같은 가족 안에서 끝납니다. 라틴확장A 18·키릴 66·그리스 49에 한글 11,172자 완성형, 실측 x-height 0.500입니다. 라이선스 축은 상업·수정·재배포·웹임베드 자유, 다만 출처 표기 필요가 축 위에 명시돼 있어 배포 조건을 상세페이지 안이나 푸터 어딘가에 반영해 두는 운용이 안전합니다. 베스트 페어는 프리텐다드 88점입니다.
서울 남산 — 한강과 짝을 이루는 두 번째 서울 서체
서울 남산
서울 남산 역시 서울특별시가 배포한 산세리프 겸 디스플레이로 300·500·700·800 네 단, 그려진 글리프 18,572자입니다. 한강과 쌍둥이 구조로 라틴확장A 18·키릴 66·그리스 49, 한글 11,172자 완성형, 실측 x-height 0.500까지 같습니다. 두 서체를 상세페이지 안에서 섞을 때 결이 비슷해, 한강을 본문 300·500, 남산을 소제목 700·800으로 쓰는 두 겹 운용이 가능합니다. 베스트 페어 점수가 서울 한강 86점으로 공식적으로 짝이 맞춰져 있습니다. 라이선스 축은 한강과 똑같이 상업·수정·재배포·웹임베드 자유, 출처 표기 필요입니다.
경기천년제목 — 디스플레이 겸용의 Light 300 본문 활용
경기천년제목
경기천년제목은 경기도가 배포한 산세리프 겸 디스플레이이고, 굵기는 300·500·700 세 단으로 나뉩니다. 이름에 '제목'이 붙지만 Light 300이 가볍게 그려져 있어 모바일 16~18px 환산 조건에서는 본문에 투입할 수 있습니다. 다만 500·700은 획 끝이 두툼해 긴 호흡 본문보다 섹션 헤드나 배송 안내 블록 쪽이 맞습니다. 라틴확장A 18·키릴 66·그리스 48에 한글 11,172자 완성형, 실측 x-height 0.500, 그려진 글리프 12,291자입니다. 라이선스 축은 상업·수정·재배포·웹임베드 자유, 출처 표기 축은 해당 없음입니다. 베스트 페어는 경기천년바탕 92점으로 명조 혼용 블록에서 점수가 높게 매겨집니다.
상세페이지 영역별 조합 제안
긴 세로 본문용 300·400을 하나 깔고, 같은 가족의 700·800으로 섹션 헤드를 올리는 2단 운용이 기본입니다. 노토 산스 KR 400 + 노토 산스 KR 900 조합은 x-height 0.543을 그대로 유지하면서 압축 저장에도 자소가 늦게 뭉개집니다. 네이버 쪽은 나눔스퀘어 네오 400 + 900으로 같은 구조를 짤 수 있고, 서울시 쪽은 한강 400 + 남산 800으로 두 서체를 한 가족처럼 쓸 수 있습니다.
가격 숫자가 핵심인 할인 블록은 G마켓 산스 500 + 700을 겹쳐 쓰는 조합이 가장 깔끔합니다. 숫자 획 두께의 평행 증가가 설계 축에 들어가 있기 때문입니다. 다국어 성분 표기가 섞이는 수입 브랜드 상세페이지라면 KoPub 월드 돋움 300·500으로 본문을 받치고, 웹임베드 축이 제한이라는 조건은 이미지 구움 사용으로 범위를 좁혀 피하면 됩니다. 캡션에 분위기를 바꾸고 싶다면 동글 400을 한 블록만 넣고 나머지는 다른 서체로 돌리는 쪽이 결이 삽니다.
라이선스 축이 가장 느슨한 쪽은 나눔고딕·노토 산스 KR·G마켓 산스·동글·경기천년제목으로, 다섯 축(상업·수정·재배포·웹임베드)이 모두 자유로 열려 있습니다. 넥슨 Lv.1·Lv.2는 수정 불가 축이 있어 자소를 쪼개 로고화하는 작업에는 쓰지 않습니다. 서울 한강·남산은 출처 표기 필요 축을 어떻게 반영할지 운용 규칙을 정해 두어야 합니다. KoPub 월드 돋움과 더잠실체는 축 중 일부가 비검증이거나 제한이어서 축별 가부가 흐린 상태로 남아 있고, 상업 외 축을 쓰기 전에 배포처 원문을 확인하는 단계가 필요합니다.
한 줄 판단
상세페이지 긴 본문 하나만 고른다면 노토 산스 KR이고, 가격·할인 블록이 축이면 G마켓 산스입니다. 디스플레이 겸용이 필요하면 나눔스퀘어 네오나 서울 한강·남산 조합으로 넘어갑니다.