Text-to-Handwriting 中文教程:把打好的文字变成手写体图片和 PDF
2026-10-01发表于
Web 与自托管一、速览:它到底帮你省掉什么
入门
Text-to-Handwriting 是一个纯网页工具:左边一个输入框,你把打好的文字贴进去,右边实时显示成"像手写出来的一样"的效果,最后能一键导出成图片(PNG)或 PDF。它不会真的替你握笔,本质是换字体 + 换背景:把普通文字用一款手写字体画出来,再贴到一张带横线的纸上。
打个比方,它就像给文字"换衣服再拍照"——衣服是手写字体,背景是作业本纸张,拍出来的照片就是成品。作者在说明里写得很直白:因为讨厌写作业,所以做了这个工具。
这个项目目前已经被作者归档,意思是仓库不再接受新功能和修复,但线上版本依然可以正常打开使用。
它在 GitHub 上有五千多颗星,说明用的人不少。对新手来说最重要的一点是:它的主要用法完全不需要写代码,打开网页就能用。
二、上手:三分钟做出第一张手写稿
入门
前置条件只有一个——一个能正常上网的现代浏览器(Chrome、Edge、Firefox 或 Safari 都行)。不需要注册账号,不需要安装软件,也不需要付费。
第一步,在浏览器里打开官方地址:
https://saurabhdaware.github.io/text-to-handwriting/
第二步,把你要"手写"的内容粘贴到左侧的文本框里。中英文都可以输入,但能不能正常显示取决于你选的字体(后面会说)。
第三步,看右侧的实时预览。默认会是一张白底横线纸,文字以英文手写字体呈现,像刚写完的作业页。
第四步,确认效果后点下载按钮。PNG 是图片格式,适合发微信、贴到文档里;PDF 是文档格式,适合打印或直接上传。
内容比较长时,工具会自动分成多页,PDF 里就是好几张纸。导出前建议翻一下每一页,确认没有把一句话硬生生拆到两页上。
第一次用建议先拿两三句话试一遍,把字体和字号调顺了,再贴整篇内容,会省很多来回修改的时间。
三、把成品调得更像"真人写的"
入门
默认效果只能算"一眼能看出是字",想更自然,需要动几个设置项。它们大致分成四类,像洗照片时调色、调纸张、调大小一样。
第一类:字体(Font)
字体决定了字长什么样。内置了几款英文手写字体,你还能上传自己的字体文件(.ttf、.woff 这类格式),这样就能用上自己买的、或者自己做的字体。
第二类:墨迹与大小
可以调字体颜色(蓝笔、黑笔、铅笔灰都行)、字号、字间距和行高。行高别调太紧,太紧的字符会挤在一起,反而显得假。
第三类:纸张
可以选择纸张尺寸(A4、Letter 等)以及纸张背景,比如空白纸、横线纸、方格纸。有些版本还提供纸张的"纹理"选项,让底色不那么纯白。
第四类:页边距与签名
调整四周边距,让文字不要顶到纸边;如果支持签名功能,可以上传一张自己签名的手写图片,叠加到页面合适的位置。
一个实用建议:把设置调好后先导出一页看看实际效果,屏幕上看着自然,导成 PDF 后因为缩放关系可能不一样。
另外提醒一句,页面上的选项会随着版本有增减,看到和本文描述不完全一致的按钮不用慌,功能逻辑是一样的。
四、踩坑:中文方块、清晰度和使用边界
进阶 · 推荐细读
中文显示成方块或者问号。 这是最常见的困惑。内置字体是为英文手写设计的,里面根本没有中文字形,所以中文会自动回退成方框。解决办法是上传一款中文字体文件,但中文字体体积通常是几 MB 到几十 MB,网页加载会明显变慢,导出也要等更久。
导出的图片偏模糊。 图片是按像素画的,页面尺寸越大,文字占的像素越多,看起来越清晰。如果嫌糊,先把纸张尺寸或缩放调大再导出,别指望事后放大图片。
PDF 里的文字不能编辑、不能搜索。 它本质是图片被装进了 PDF 外壳,老师想复制文字是复制不出来的,用查重或文本检索工具也扫不到内容。
字体版权。 自己上传的字体要确认来源和使用范围,随手从网上下载的商业字体,用在正式场合是有风险的。
关于用途。 这类工具更适合做草稿排版、练字模板、手工卡片、给孩子的描红素材。学校作业是否允许这样提交,请以老师的要求为准,别把工具当成规避学习任务的手段。
项目已归档。 遇到 bug 基本不会有人来修,Issues 也不会再处理。如果你长期要用,最好按下一节自己留一份。
五、自己部署一份:不怕线上地址哪天打不开
深入 · 老手可选
因为这个项目是纯前端页面(打开网页就运行,不需要后台服务器),可以整套下载到自己的电脑或服务器上。这样即使线上地址失效,你手里的版本照样能用,也方便自己改样式。
前置条件有两个:Git(版本管理工具,用来把代码从 GitHub 下载到本地)和 Node.js(一个让电脑能运行 JavaScript 程序的运行环境,本项目的启动脚本依赖它)。建议安装 Node.js 16 或更高版本,版本太低可能在安装依赖时报错。
确认装好后,在终端(Windows 的 PowerShell 或 macOS 的"终端")里依次执行:
git clone https://github.com/saurabhdaware/text-to-handwriting.git
cd text-to-handwriting
npm install
npm start
前三行的意思是:把代码下载下来、进入这个文件夹、安装它运行所需的依赖包。最后一行是启动本地预览服务。
启动成功后,终端会打印一个类似 http://localhost:3000 或 http://localhost:5000 的地址,把它复制到浏览器打开,看到的就是和官网一模一样的界面。
如果
npm start提示找不到这个命令,说明项目里没有定义这个脚本。可以直接在项目文件夹里运行npx serve,它会把当前文件夹当成网站临时发布出来,同样能打开页面。
想把成品放到自己的服务器或免费静态托管上,只要把整个项目文件夹里的静态文件(HTML、CSS、JS 和字体资源)传上去即可,不需要数据库。
六、判断建议:什么时候值得用它
入门
适合你的情况: 需要一个看起来手写的素材来排版;想给孩子做练字描红模板;做手工贺卡、手账素材;想研究"文字渲染成手写"这个思路,或者拿它当学习前端的小项目改着玩。
不太适合的情况: 需要可编辑、可搜索的文档(那就老实打字交 Word);需要写大段中文且不想折腾字体文件;需要长期获得功能更新和技术支持。
一句话选择法: 如果你要的是"一张像手写的纸",它上手快、零成本,值得收藏;如果你要的是"一份能被系统识别的文档",换个工具更省事。
项目信息
| 项目 | 值 |
|---|---|
| 仓库 | saurabhdaware/text-to-handwriting |
| 语言 | HTML |
| Star | 5,033 |
| Fork | 1,197 |
| 主页 | https://saurabhdaware.github.io/text-to-handwriting/ |
参考链接
延伸阅读
想继续探索?这些同领域的教程可能也适合你:
163
72
1
3401
文章目录
评论