쇼핑몰 상세페이지 폰트 추천: 본문·가격·할인 배너
본문은 프리텐다드나 스포카 한 산스 네오처럼 굵기가 여러 단계인 고딕 하나로 정하세요. 할인 문구만 카페24 아네모네나 검은고딕 같은 굵은 폰트로 바꾸면 무난해요. 여기 고른 폰트는 모두 상품 이미지에 넣어 판매에 쓸 수 있어요. 다만 서울남산장체는 공공누리 폰트라 출처를 적어야 하고, 에스코어 드림은 자체 라이선스라 받기 전에 원문을 확인하세요.
이렇게 골랐어요
- 휴대폰 화면 폭으로 줄여도 본문의 받침과 획이 뭉치지 않을 것
- 0~9와 % 기호가 들어 있고, 정가와 할인가를 나란히 놓아도 숫자가 또렷할 것(₩ 기호가 다르게 든 폰트는 추천 이유에 따로 적었어요)
- 할인 문구를 본문과 확실히 나눌 만큼 굵은 스타일이 있고, 상품 이미지에 넣어 판매에 써도 되는 라이선스일 것
12개의 폰트
-
1굵기가 100부터 900까지 9단계예요. 상품명·정가·할인가·본문을 한 가족 안에서 굵기만 바꿔 나눌 수 있어요. 숫자 모양이 고르고 반듯해서 정가와 할인가를 나란히 놓아도 깔끔해요. 모든 상업 용도 가능
-
2작게 써도 획이 뭉치지 않아요. 상품 정보 고시 표나 옵션 안내처럼 작게 들어가는 글도 휴대폰에서 읽혀요. 굵기가 5단계라 보조 설명은 Light, 소제목은 Bold로 나누기 좋아요. 모든 상업 용도 가능
-
3숫자 0이 동그라미에 가깝고 숫자 폭이 넓어요. 할인가를 크게 쓰면 시원하게 눈에 들어와요. G마켓이 무료로 공개한 글꼴이고, Light·Medium·Bold 세 굵기로 배너 제목과 짧은 설명을 함께 맞출 수 있어요. 모든 상업 용도 가능
-
4모서리가 둥근 네모꼴에 숫자까지 굵어서 단단해 보여요. '50%'·'1+1' 같은 혜택 문구를 배너 한가운데 크게 놓기 좋아요. 굵기가 하나뿐이니 본문은 다른 고딕에 맡기고 제목에만 쓰세요. 모든 상업 용도 가능
-
5숫자 0이 세로로 긴 타원이라 가격이 단정해 보이고, 9단계 굵기로 제목부터 작은 설명까지 맞출 수 있어요. ₩ 기호는 전각 ￦만 들어 있으니 가격은 '원'으로 적거나 미리 입력해 보세요. 이 폰트를 쓴 인쇄물·광고물 이미지를 에스코어가 홍보에 쓸 수 있다는 자체 라이선스 조항도 확인하세요. 모든 상업 용도 가능
-
6가장 굵은 단계가 아주 진해서 본문과 혜택 문구의 대비를 크게 줄 수 있어요. 보통 굵기부터 7단계가 있어 '쿠폰 적용가' 같은 중간 강조도 단계를 나눠 쓰기 편해요. 모든 상업 용도 가능
-
7네모 틀을 꽉 채운 글자라 소제목과 스펙 표의 글줄이 자로 잰 듯 가지런해요. 5단계 굵기 중 표 머리글은 굵게, 칸 안 내용은 보통으로 나누면 표가 한결 정리돼 보여요. 모든 상업 용도 가능
-
8작은 크기에서 읽히도록 만든 글꼴이에요. 배송·교환·반품 안내나 주의사항처럼 맨 아래 작은 글씨에 맞아요. 숫자 사이가 넉넉해 날짜와 전화번호도 붙어 보이지 않아요. 모든 상업 용도 가능
-
9숫자 곡선이 둥글고 매끈해서 가격을 크게 써도 딱딱하지 않아요. 굵기가 9가지라 뷰티·생활용품처럼 부드러운 분위기의 상세페이지를 처음부터 끝까지 같은 느낌으로 맞추기 좋아요. 모든 상업 용도 가능
-
10획이 아주 굵어 '품절 임박'·'오늘만'처럼 두세 단어짜리 문구로 시선을 붙잡을 때 좋아요. 굵기가 하나뿐이고 글자 속이 좁아서 긴 문장이나 작은 글씨에는 맞지 않아요. 모든 상업 용도 가능
-
11폭이 좁고 굵어서 긴 상품명이나 기획전 제목도 휴대폰 화면 한 줄에 담기 쉬워요. 숫자 획에 굵고 가는 차이가 있어 할인가가 또렷하면서도 정돈돼 보여요. 모든 상업 용도 가능
-
12폭을 좁힌 장체에 굵기가 5가지예요. 사이즈표·옵션 비교표처럼 칸이 좁은 곳에도 글자를 줄이지 않고 넣을 수 있어요. 공공누리 제1유형이라 출처를 표시하는 조건으로 쓸 수 있어요. 출처 표시하면 상업 용도 가능
쓸 때 알아 두면 좋은 점
- 폰트는 본문용 하나(굵기가 많은 고딕)와 강조용 하나로 끝내세요. 종류가 늘수록 상품보다 글씨가 먼저 눈에 걸려요.
- 정가는 가는 굵기에 취소선을 긋고, 할인가는 같은 폰트의 가장 굵은 굵기로 써 보세요. 폰트를 바꾸지 않아도 가격 차이가 한눈에 보여요.
- 다 만든 이미지는 휴대폰에서 실제 크기로 열어 보세요. 작은 안내 문구가 뭉개지면 굵기를 한 단계 올리거나 글자 크기부터 키우세요.
- 폰트마다 ₩·% 기호 모양이 다르고, ₩ 대신 전각 ￦만 든 폰트도 있어요. 모두의폰트 미리보기에서는 빠진 기호가 다른 글꼴로 채워져 보일 수 있어요. 설치한 뒤 쓰는 프로그램에서 0~9와 ₩·%를 직접 입력해 확인하세요.
- 공공누리 폰트를 썼다면 상세페이지 맨 아래에 글꼴 이름·제공 기관·공공누리 제1유형·받은 곳을 적어 두세요. 템플릿에 넣어 두면 나중에 이미지를 고칠 때도 빠뜨리지 않아요.
자주 묻는 질문
무료 폰트로 만든 상세페이지 이미지로 상품을 팔아도 되나요?
네, 여기 고른 폰트는 모두 상업 이용이 허용돼요. OFL 폰트는 상세 이미지·배너·인쇄물 같은 디자인 작업에 자유롭게 쓸 수 있어요. 폰트 파일 자체를 따로 파는 것만 안 돼요. 공공누리 제1유형인 서울남산장체는 출처를 표시하면 상업적으로 쓸 수 있어요. 에스코어 드림은 에스코어 자체 라이선스로 상업적 사용이 무료지만, 폰트 파일을 고치거나 팔 수는 없어요.
공공누리 폰트 출처는 어디에 어떻게 적나요?
상세페이지 맨 아래처럼 보는 사람이 확인할 수 있는 곳에 적어요. 공공누리 안내의 출처 표시 예시는 기관명, 작성 연도, 공공누리 제1유형, 저작물(글꼴) 이름, 받을 수 있는 곳(기관명·홈페이지 주소)을 차례로 적는 형식이에요. 이 정보는 폰트를 받은 공유마당 페이지에서 확인해 채우세요. 온라인에서 링크를 걸 수 있다면 출처 페이지 링크도 달아야 해요. 공공기관이 상품을 후원하거나 특별한 관계인 것처럼 오해하게 쓰면 안 돼요.
쇼핑몰 홈페이지 글꼴(웹폰트)로 넣어도 되나요?
OFL 폰트는 웹사이트에 웹폰트로 넣는 것도 허용돼요. 공공누리 제1유형 폰트도 출처를 표시하면 쓸 수 있어요. 에스코어 드림은 라이선스 원문에 웹폰트 항목이 따로 없으니, 홈페이지에 넣기 전에 에스코어 원문을 확인하세요. 모두의폰트는 폰트 파일을 배포하지 않아요. 파일은 각 폰트 상세 페이지의 공식 링크에서 받으세요.
본문 폰트는 두고 가격 숫자만 다른 폰트로 바꿔도 되나요?
돼요. 본문 고딕은 그대로 두고 할인가 숫자만 G마켓 산스나 카페24 아네모네처럼 숫자가 시원한 폰트로 바꿔도 좋아요. 이때 숫자 높이가 본문과 너무 달라 보이지 않는지 한 줄에 놓고 확인하세요.
디자이너에게 상세페이지를 맡길 때 확인할 게 있나요?
결과물에 쓴 폰트 이름 목록을 함께 받아 두세요. 나중에 문구를 고치거나 배너를 새로 만들 때 같은 폰트를 쓸 수 있어요. 라이선스를 다시 확인해야 할 때도 바로 찾을 수 있어요.