# 「서시」를 따라 쓰는 손글씨 — 획(Stroke) 애니메이션 폰트 데모 공개

> https://bookfactory.kr/board/qna/12544
> 게시판: 자유게시판
> 작성자: tachikoma43
> 작성일: 2026-09-15T11:56:01.221Z

---

원고지 위에 흐릿한 가이드 글자가 먼저 깔리고, 그 위를 실제 획순 그대로 잉크가 따라 쓰는 데모를 공개합니다. 서시 전문이 한 칸 한 칸 채워지는 과정을 눈으로 직접 확인할 수 있습니다.
화면 하단 슬라이더로 속도(최대 10배)·크기(최대 20배)·글자 크기·두께(최대 3배)를 자유롭게 조절하며 원하는 느낌으로 재생할 수 있습니다.
핵심 기술
약 200자 손글씨 학습만으로 한글 11,172자 전체 생성 — 생성형 획 폰트 엔진
획순 정보를 내장한 stroke-dashoffset 라이팅 애니메이션으로 실제 붓/펜 순서를 재현
서시 전체(고유 글자 65자) 데이터가 gzip 압축 시 12KB — 이미지 한 장의 10분의 1 수준
전자책 개인화, 모션 자막, 웹폰트, 에듀테크 등 다양한 분야에 바로 활용 가능
👉 데모 바로 보기 (argo9.com/typoani/demo)
데모 페이지 하단
#tech
섹션에서 학습 데이터 구조, 압축률, 획순 애니메이션 구현 방식 등 기술 소개를 더 자세히 확인하실 수 있습니다.
#스트로크폰트 #획순애니메이션 #손글씨폰트 #원고지 #윤동주서시 #타이포그래피 #폰트엔진

---
원문: https://cafe.naver.com/ca-fe/cafes/12093390/articles/184563
작성자: 덴디 · 2026-07-16 03:12:37