[심층분석] 내 손글씨가 진짜 폰트가 된다 — 브라우저만으로 완성하는 FontCrafter의 기술과 의미

왜 지금 '손글씨 폰트'인가

디지털 콘텐츠가 넘쳐나는 시대에 역설적으로 아날로그 감성에 대한 수요가 급증하고 있다. 유튜브 썸네일, 브랜드 로고, SNS 콘텐츠에서 손글씨 폰트는 이미 하나의 트렌드를 넘어 필수 디자인 요소로 자리 잡았다. 그런데 나만의 손글씨를 폰트로 만드는 과정은 그동안 꽤 번거로웠다. 계정을 만들고, 서버에 이미지를 업로드하고, 고급 기능은 유료 구독을 결제해야 했다.

FontCrafter는 이 모든 장벽을 제거한다. 해커뉴스에서 407포인트, 132개 댓글이라는 뜨거운 반응을 얻은 이 프로젝트는 "브라우저에서 모든 것을 처리하고, 무료이며, 계정도 필요 없다"는 단순하지만 강력한 가치 제안으로 주목받고 있다.

기술 분석: 브라우저 안에서 벌어지는 일

FontCrafter의 핵심은 100% 클라이언트 사이드 처리에 있다. 전체 파이프라인을 정리하면 다음과 같다.

1. 이미지 입력: 사용자가 손글씨를 스캔하거나 촬영한 이미지를 드롭
2. 문자 감지(Character Detection): 이미지에서 개별 글자 영역을 자동으로 인식·분리
3. 벡터 트레이싱(Vector Tracing): 비트맵 형태의 글자를 벡터 아웃라인으로 변환
4. OpenType 폰트 빌드: 벡터 데이터를 기반으로 실제 설치 가능한 폰트 파일 생성

이 모든 과정이 JavaScript로 브라우저 내에서 실행된다. 서버 통신이 전혀 없기 때문에 개인정보 유출 우려가 원천 차단된다. 기술적으로는 Canvas API를 활용한 이미지 처리, potrace 계열의 벡터 트레이싱 알고리즘, 그리고 opentype.js 같은 라이브러리를 통한 폰트 생성이 조합된 것으로 추정된다.

특히 주목할 점은 리거처(Ligature)와 컨텍스트 대체(Contextual Alternates) 지원이다. "ff", "fi", "th" 같은 자주 붙는 글자 쌍을 자연스럽게 연결하고, 같은 글자라도 여러 변형을 순환 적용해 실제 손글씨처럼 유기적인 느낌을 준다. 경쟁 도구들이 이 기능을 유료로 제공하는 것과 대조적이다.

지원 포맷도 폭넓다:

| 포맷 | 용도 |
|------|------|
| OTF | 데스크톱 앱(Word, Photoshop 등) |
| TTF | 범용 호환성 |
| WOFF2 | 웹폰트 (압축률 우수) |
| Base64 | CSS에 직접 임베딩 |

업계 맥락: Calligraphr와의 비교, 그리고 로컬 퍼스트 트렌드

손글씨 폰트 생성 분야의 대표 서비스는 Calligraphr(구 MyScriptFont)다. FontCrafter 스스로도 Calligraphr와의 차별점을 명확히 제시하고 있다.

• Calligraphr: 계정 필수, 서버 업로드 처리, 리거처는 월 $8 유료 구독
• FontCrafter: 계정 불필요, 완전 로컬 처리, 리거처 포함 전 기능 무료, WOFF2·Base64 추가 지원

이 차이는 단순한 가격 경쟁이 아니다. "로컬 퍼스트(Local-First)"라는 웹 개발의 큰 흐름과 맞닿아 있다. 최근 WebAssembly, Web Workers, IndexedDB 등 브라우저 기술의 발전으로 서버 없이도 복잡한 작업을 처리할 수 있게 되면서, 프라이버시를 보장하면서도 강력한 기능을 제공하는 로컬 퍼스트 앱들이 늘어나고 있다. Figma가 브라우저에서 전문 디자인 도구를 구현한 것처럼, FontCrafter는 폰트 생성이라는 전문 영역을 브라우저로 가져온 사례다.

한국 개발자에게 미치는 영향

실무 활용

• 프론트엔드 개발자: WOFF2와 Base64 포맷을 바로 내보낼 수 있어, 클라이언트가 요청한 커스텀 손글씨 웹폰트를 빠르게 적용할 수 있다
• 인디 개발자·1인 창업자: 브랜딩에 활용할 고유 폰트를 비용 없이 제작 가능
• 교육 분야: 선생님이 직접 손글씨 폰트를 만들어 학습 자료에 활용하는 시나리오

한글 지원 가능성

현실적으로 가장 큰 관심사는 한글 지원 여부다. 영문 알파벳은 26×2(대소문자) + 숫자·기호로 약 100자 내외면 충분하지만, 한글 완성형은 11,172자에 달한다. 현재 FontCrafter가 한글을 지원하는지는 명시되어 있지 않으며, 지원하더라도 자모 조합 방식 등 별도의 접근이 필요할 것이다. 이는 한글 손글씨 폰트 도구를 만들고자 하는 한국 개발자에게 오히려 새로운 프로젝트 기회가 될 수 있다.

기술적 학습 포인트

FontCrafter의 아키텍처 자체가 훌륭한 학습 대상이다. 이미지 처리, 벡터 변환, 폰트 파일 생성이라는 파이프라인을 순수 클라이언트 사이드로 구현한 사례를 분석하면, 브라우저 기반 도구 개발에 대한 인사이트를 얻을 수 있다.

마무리

FontCrafter는 기술적으로는 기존 오픈소스 라이브러리들의 조합이지만, "무료 + 로컬 처리 + 제로 사인업"이라는 사용자 경험 설계로 기존 유료 서비스와 명확히 차별화했다. 복잡한 기능보다 마찰 없는 경험이 때로 더 강력한 경쟁력이 된다는 점을 보여주는 사례다.

토론 질문: 한글의 방대한 글자 수를 고려할 때, 브라우저 기반 한글 손글씨 폰트 생성 도구는 어떤 방식으로 접근해야 현실적일까요? 자모 분리 조합 방식, AI 기반 글자 생성, 또는 다른 창의적 해법이 있을까요?