"디자인은 멀쩡한데, 이상하게 홈페이지가 싸구려처럼 보여요. 뭐가 문제일까요?"
— 상담을 요청한 어느 동네 치과 원장님의 첫 마디
답은 의외로 단순합니다. 십중팔구 글씨(폰트) 때문입니다. 색도 좋고 사진도 괜찮은데 유독 촌스러워 보이는 사이트들은, 대부분 브라우저 기본 폰트인 '굴림'이나 정체불명의 시스템 글꼴을 그대로 쓰고 있습니다. 반대로 넷플릭스, 배달의민족, 토스 같은 브랜드가 '고급스럽다'고 느껴지는 이유의 절반은 바로 일관되고 세련된 브랜드 서체 덕분입니다.
더 반가운 소식은, 이런 프리미엄 서체 상당수가 상업용으로도 완전 무료라는 점입니다. 문제는 소상공인 사장님들이 "무료 폰트가 있다"는 사실도, "그걸 홈페이지에 빠르게 적용하는 법"도 모른다는 것. 바로 여기에 비전공자도 AI의 힘을 빌려 파고들 수 있는 '웹폰트 경량화·적용 대행' 시장이 있습니다.
코딩을 몰라도, AI 도구와 무료 오픈폰트만으로 소상공인·쇼핑몰·병원 홈페이지에 '브랜드 서체'를 입혀주는 대행 서비스를 만들고, 월 100만원의 수익 파이프라인을 세우는 실전 5단계를 다룹니다.
왜 지금 '웹폰트 대행'인가?
폰트 하나 바꾸는 게 무슨 돈이 되냐고요? 시장의 3가지 빈틈을 보세요.
한글 폰트는 글자 수가 많아(11,172자) 영문 폰트보다 파일이 무겁습니다. 그냥 갖다 붙이면 홈페이지 로딩이 느려지고 초기 화면에 글자가 늦게 뜨는(FOUT) 문제가 생깁니다. 그래서 '무료 폰트를 아는 것'과 '제대로 적용하는 것'은 완전히 다른 실력이고, 바로 그 격차가 여러분의 수익이 됩니다.
전체 그림: 5단계 프로세스
STEP 1. 무료 오픈폰트 발굴 & 라이선스 확인
가장 먼저 '무기'를 모읍니다. 눈누(noonnu.cc)에서 "웹폰트로 사용 가능", "제품에 임베딩 가능" 필터를 켜고, 넷플릭스식 브랜드 느낌을 낼 수 있는 서체를 골라 라이브러리를 만듭니다. 실무에서 자주 쓰이는 안전한 상업용 무료 서체 예시입니다.
· Pretendard — 만능 산세리프, 어디에나 어울리는 '기본기'
· 프리텐다드/에스코어드림 — 굵기 단계가 다양해 위계 표현에 유리
· Gmarket Sans·나눔스퀘어 — 쇼핑몰·이벤트 배너에 강한 개성
STEP 2. AI로 경량화·서브셋 자동화
여기가 핵심 기술이자, 비전공자가 AI로 가장 큰 덕을 보는 지점입니다. 코드를 외울 필요 없이 ChatGPT / Claude에게 그대로 시키면 됩니다. 이렇게 요청하세요.
한글 KS완성형+영문+숫자+자주 쓰는 기호만 남겨
서브셋 경량화하는 명령어와 실행 순서를 알려줘.
맥/윈도우 초보 기준으로 설치부터 단계별로."
AI가 pip install fonttools brotli 설치부터 pyftsubset 명령까지 순서대로 뱉어줍니다. 여기에 실제 홈페이지에서 실제로 쓰이는 글자만 추려내는 '다이나믹 서브셋'까지 적용하면 용량이 극적으로 줄어듭니다.
STEP 3. 홈페이지에 적용하기
경량화한 woff2 파일을 고객 서버(또는 카페24·아임웹·워드프레스 등)에 올리고, CSS에 @font-face 규칙 몇 줄만 넣으면 끝입니다. 이 코드조차 AI가 써줍니다.
font-family:'BrandFont';
src:url('/fonts/brand.woff2') format('woff2');
font-display:swap; /* 글자 늦게 뜸 방지 */
}
body { font-family:'BrandFont', sans-serif; }
아임웹·카페24처럼 코드 삽입 칸이 있는 빌더는 비전공자도 충분히 다룰 수 있습니다. 플랫폼별 '코드 넣는 위치'만 정리해두면 그게 여러분의 매뉴얼이 됩니다.
STEP 4. 전후 비교 리포트로 설득하기
소상공인은 '코드'에 돈을 내지 않습니다. '결과'에 돈을 냅니다. 그래서 작업 전후를 눈으로 보여주는 1페이지 리포트가 계약률을 좌우합니다. 담을 항목은 3가지면 충분합니다.
"지금 홈페이지는 굴림체라 신뢰도가 떨어져 보여요. 넷플릭스 같은 브랜드 서체를 무료로 입히고, 로딩도 빠르게 최적화해드립니다. 유지보수까지 월 단위로 관리해드릴게요."
STEP 5. 패키지화해서 월 100만원 만들기
단발성 작업은 지칩니다. 구조를 짜야 100만원이 반복됩니다. 가격을 계층화하고, '유지보수'라는 월 구독을 붙이는 것이 핵심입니다.
타깃은 명확합니다. 동네 병원·치과·한의원(신뢰감 중시), 스마트스토어·쇼핑몰(전환율·브랜드 이미지 중시), 카페·공방 같은 소상공인(감성 브랜딩 니즈)입니다. 이들은 홈페이지는 있지만 '폰트'까지 신경 쓸 여력이 없는 완벽한 고객군입니다.
정리하며
'폰트 하나 바꾸는 일'처럼 보이지만, 그 안에는 발굴·경량화·적용·설득·구독화라는 명확한 비즈니스 구조가 있습니다. 그리고 그 대부분을 이제는 AI가 도와줍니다. 코딩을 전공하지 않았어도, 순서만 알면 충분히 시작할 수 있는 영역이라는 뜻입니다.
다만 AI에게 '무엇을 어떤 순서로 시켜야 하는지'를 아는 힘은, 결국 웹의 작동 원리를 얕게라도 이해할 때 나옵니다. @font-face가 왜 필요한지, 서브셋이 무슨 원리인지 감을 잡으면 AI를 훨씬 정교하게 부릴 수 있습니다.
투더제이(TTJ) 코딩클래스 정규반에서는 이런 'AI × 웹 기초 × 수익화' 흐름을 실습 중심으로 다룹니다. 비전공자가 웹의 작동 원리를 이해하고, AI를 활용해 실제 서비스와 부업 모델을 만들어보는 과정이라, 오늘 소개한 웹폰트 대행 같은 아이템을 스스로 설계할 수 있게 됩니다. 관심 있다면 정규반 커리큘럼을 한 번 살펴보세요.
오늘 당장 눈누에 접속해 마음에 드는 무료 서체 3개를 저장하는 것부터 시작해보세요. 작은 실행 하나가 첫 고객으로 이어집니다.