쇼핑몰 폰트 고르는 법 — 무료 폰트를 쓰기 전에 확인할 것

쇼핑몰 폰트는 돈 안 들이고 브랜드 인상을 가장 크게 바꿀 수 있는 요소입니다. 사진을 다시 찍거나 화면 구조를 바꾸는 것에 비하면 비용이 거의 들지 않으면서 분위기는 확 달라집니다.

그런데 여기에 함정이 하나 있습니다. 무료라고 받아 쓴 폰트가 실제로는 쇼핑몰에서 쓸 수 없는 경우가 있다는 것입니다. 1,500개 이상의 스킨을 제작하면서 실제로 자주 마주친 문제라, 선택 기준과 함께 정리했습니다.

무료 폰트는 정말 무료인가?

“무료 배포”라는 말은 어디까지 무료인지를 말해주지 않습니다. 폰트 라이선스는 보통 사용 범위별로 나뉘어 있고, 각각 허용 여부가 다릅니다.

사용 범위	무엇인가	쇼핑몰에서
인쇄·이미지	상세페이지 이미지에 글자를 얹는 것	대부분 허용
웹폰트	화면 글자를 그 폰트로 표시하는 것	별도 조건이 붙는 경우 많음
임베딩	앱이나 프로그램에 폰트를 포함	대개 별도 계약
BI·CI	로고에 사용	대개 제한

쇼핑몰에서 문제가 되는 건 두 번째 줄입니다. 상세페이지 이미지에 쓰는 건 되지만 웹폰트로는 안 되는 폰트가 꽤 있습니다. 그런데 스킨은 화면 글자를 웹폰트로 표시하니 정확히 그 범위에 걸립니다.

어디서 확인하나?

1. 배포처의 라이선스 안내를 직접 읽는다 — 폰트를 만든 곳의 공식 페이지가 유일한 근거입니다
2. “웹폰트” 항목이 있는지 확인한다 — 이 단어가 표에 없으면 배포처에 문의해야 합니다
3. 확인한 화면을 저장해 둔다 — 조건은 나중에 바뀔 수 있습니다

한글 폰트의 라이선스를 한곳에 모아 보여주는 사이트도 있습니다. 다만 그런 요약본은 참고용이고, 최종 근거는 항상 배포처의 공식 안내입니다. 요약이 최신이 아닐 수 있습니다.

가장 마음 편한 선택은 오픈 라이선스로 배포되는 폰트입니다. 상업적 이용과 웹폰트 사용을 명시적으로 허용하는 경우가 많고, 조건도 단순합니다.

몇 종을 쓰는 게 좋은가?

두 종이면 충분합니다. 제목용 하나, 본문용 하나. 세 종을 넘어가면 화면이 산만해지고 로딩도 느려집니다.

사실 대부분의 쇼핑몰은 한 종으로도 충분합니다. 굵기가 여러 단계 제공되는 폰트라면 제목은 굵게, 본문은 보통으로 쓰는 것만으로 위계가 만들어집니다.

그래서 폰트를 고를 때 굵기가 몇 단계나 있는지를 꼭 보세요. 한 가지 굵기만 있는 폰트는 예뻐 보여도 실제로 쓰면 화면이 밋밋해집니다.

한글 폰트를 고를 때 볼 것

확인 항목	왜 보나
굵기 단계 수	한 종으로 제목·본문을 모두 소화할 수 있는지
숫자 모양	가격 표시가 많은 쇼핑몰에서는 숫자 가독성이 중요
작은 크기에서의 가독성	모바일 상품명은 13~14px로 작게 들어감
파일 용량	한글 폰트는 무거워 로딩에 직접 영향

마지막 항목이 의외로 중요합니다. 한글은 글자 수가 많아 폰트 파일이 영문의 수십 배입니다. 무거운 폰트를 그대로 넣으면 첫 화면에서 글자가 늦게 뜨는 현상이 생깁니다. 화면에 실제로 쓰인 글자만 내려받는 방식으로 제공되는 폰트를 고르면 이 문제가 줄어듭니다.

브랜드 인상은 이렇게 갈린다

폰트 성격	주는 인상	어울리는 업종
획이 얇고 각진 고딕	깔끔함, 도시적	패션, 뷰티, 리빙
둥글고 두툼한 고딕	친근함, 부드러움	식품, 유아, 반려동물
명조(세리프)	고급스러움, 차분함	주얼리, 프리미엄 브랜드
손글씨체	개성, 캐주얼	포인트로만 소량

손글씨체는 제목에만, 그것도 아주 짧게 쓰세요. 본문에 쓰면 읽기 어려워지고 저가 인상을 줍니다.

정리

• “무료”만 보지 말고 웹폰트 사용이 허용되는지 확인한다
• 근거는 항상 배포처 공식 안내, 확인 화면을 저장해 둔다
• 두 종 이내, 굵기 단계가 여러 개인 폰트를 고른다
• 모바일 13~14px에서 읽히는지 직접 본다

폰트는 스킨에 이미 지정되어 있는 경우가 많습니다. 구매 전에 어떤 폰트를 쓰는지, 교체가 가능한지를 확인해 두시면 나중에 브랜드 톤을 바꿀 때 수월합니다. 스킨을 고를 때 함께 볼 항목은 모바일 쇼핑몰 디자인에 정리해 두었습니다.

자주 묻는 질문