Repolode
danilo-znamerovszkij

danilo-znamerovszkij/draw-your-font

손글씨 사진을 설치 가능한 TTF, WOFF 또는 WOFF2 폰트로 변환하는 Node CLI 및 Claude Code 스킬입니다.

대체할 수 있는 제품:Calligraphr

스타
824
포크
77
열린 이슈
6
마지막 커밋
3개월 전

어떤 프로젝트인가요?

draw-your-font는 손으로 쓴 글자 사진을 바로 사용할 수 있는 폰트 파일로 변환합니다. 종이에 알파벳을 쓰고 사진을 찍으면, 도구가 글자를 하나씩 감지하고 potrace로 벡터화한 뒤 TTF, WOFF 또는 WOFF2 파일로 만듭니다. 각 글리프는 공통 em-square 안에 배치되며 cap height, x-height, descender 깊이를 일관되게 맞춥니다. 따라서 g와 o 같은 글자도 잘라낸 조각처럼 보이지 않고 기준선에 맞게 놓입니다.

두 가지 방식으로 사용할 수 있습니다. Claude Code 스킬로 사용하면 에이전트가 지저분한 사진에서 글자를 찾아 이름을 붙이고 결과를 미리 본 다음, 곡선을 더 둥글게 만들거나 획을 굵게 하는 등의 수정 요청을 반영합니다. 독립형 npm CLI로 사용하면 템플릿 인쇄, 사진 분할, 폰트 생성, 텍스트 미리보기 명령을 이용해 글자 순서를 직접 지정합니다. 파이프라인은 FontForge나 ImageMagick 같은 시스템 의존성 없이 로컬에서 실행됩니다.

핵심 기능

  • 01손글씨 사진을 TTF, WOFF, WOFF2 폰트 파일로 변환합니다.
  • 02최소 문자 세트 또는 스페인어 문자 세트가 포함된 A4 인쇄용 PDF 템플릿을 생성합니다.
  • 03조명이 고르지 않은 자유 형식 사진에서도 글자를 감지하고 분할합니다.
  • 04글리프를 더 둥글게 하거나 굵게 만들 수 있도록 스무딩과 굵기 조정 기능을 제공합니다.
  • 05웹에서 바로 사용할 수 있는 WOFF2 파일과 CSS @font-face 코드 조각을 출력할 수 있습니다.
  • 06FontForge, ImageMagick 또는 potrace 바이너리 없이 순수 npm으로 로컬에서 실행됩니다.

활용 사례

  • 노트, 슬라이드 또는 디자인 작업에 사용할 나만의 손글씨 폰트를 만듭니다.
  • 개인 웹사이트에서 사용할 CSS가 포함된 웹용 손글씨 폰트를 제작합니다.
  • 알파벳을 간단히 스케치해 맞춤 디스플레이 폰트를 시제품으로 만듭니다.
  • 대화형으로 다듬어 가며 Claude Code 안에서 폰트를 제작합니다.

빠른 시작

  1. 1

    Claude Code 스킬 설치하기

    npx skills add danilo-znamerovszkij/draw-your-font
  2. 2

    CLI로 자유 형식 사진에서 글꼴 만들기

    npx draw-your-font make photo.jpg --chars "ABCabc" --name "My Hand"

사용 전 알아둘 점

  • 커닝, 합자, 글자 무작위화는 v2에서 제공될 예정이며 아직 사용할 수 없습니다.
  • 최상의 품질을 얻으려면 자유 형식 사진을 사용하는 대신 템플릿을 인쇄해 작성해야 합니다.
  • Claude Code 스킬을 사용하려면 Claude Code에 액세스할 수 있어야 합니다.

토픽

자주 묻는 질문

draw-your-font은(는) 무엇인가요?
손글씨 사진을 설치 가능한 TTF, WOFF 또는 WOFF2 폰트로 변환하는 Node CLI 및 Claude Code 스킬입니다. draw-your-font는 손으로 쓴 글자 사진을 바로 사용할 수 있는 폰트 파일로 변환합니다. 종이에 알파벳을 쓰고 사진을 찍으면, 도구가 글자를 하나씩 감지하고 potrace로 벡터화한 뒤 TTF, WOFF 또는 WOFF2 파일로 만듭니다. 각 글리프는 공통 em-square 안에 배치되며 cap height, x-height, descender 깊이를 일관되게 맞춥니다. 따라서 g와 o 같은 글자도 잘라낸 조각처럼 보이지 않고 기준선에 맞게 놓입니다.
draw-your-font은(는) 무료로 사용할 수 있나요? 라이선스는 무엇인가요?
draw-your-font은(는) MIT 라이선스의 오픈소스입니다. 상업용 제품에 사용하기 전에 라이선스 조건을 확인하세요.
draw-your-font은(는) 아직 유지보수되고 있나요?
6개월 이내 업데이트. draw-your-font의 마지막 커밋은 2026년 8월 5일입니다.
draw-your-font은(는) 어디에 사용할 수 있나요?
노트, 슬라이드 또는 디자인 작업에 사용할 나만의 손글씨 폰트를 만듭니다. 개인 웹사이트에서 사용할 CSS가 포함된 웹용 손글씨 폰트를 제작합니다. 알파벳을 간단히 스케치해 맞춤 디스플레이 폰트를 시제품으로 만듭니다. 대화형으로 다듬어 가며 Claude Code 안에서 폰트를 제작합니다.
draw-your-font는 어떻게 설치하나요?
Claude Code 스킬 설치하기: npx skills add danilo-znamerovszkij/draw-your-font CLI로 자유 형식 사진에서 글꼴 만들기: npx draw-your-font make photo.jpg --chars "ABCabc" --name "My Hand"
draw-your-font은(는) 어디서 받을 수 있나요?
소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/danilo-znamerovszkij/draw-your-font

요약은 프로젝트 README를 바탕으로 AI가 작성했습니다. GitHub 통계는 매일 갱신됩니다.

관련 프로젝트