ASCII 艺术字怎么做:文字转字符画横幅的完整玩法

你大概在某个开源项目的 README 顶部见过那种用字符堆出来的大标题,也可能在跑 npm install 时看到欢迎页弹出一行字符拼成的项目名。这种东西叫 ASCII 艺术字,也叫字符画横幅。它的本质很简单:用斜杠、竖线、下划线、方块这些普通字符,把每个字母画成一张小网格,拼起来就成了一行能放大几倍的标题。

下面把原理、字体选择和落地场景一次讲透,你看完就能自己生成一个。

FIGlet 是什么,字符画到底怎么拼出来的

绝大多数字符画工具背后都是同一个思路,这个思路有个老牌名字叫 FIGlet。它的做法是给每个字母准备一份点阵模板,模板里规定这个字母由哪几行、哪些字符组成。比如字母 A 在某套字体里就是顶上一个尖、中间一横、两条斜边,每一行都是固定宽度的字符串。把一串字母各自的模板逐行横向拼接,就得到了完整的多行横幅。

关键点在于:字符画是逐行对齐的。第一行接第一行,第二行接第二行,所以每个字母必须占固定的列宽,否则下一行就会错位。这也是为什么字符画离不开等宽字体,后面会专门说。

FIGlet 本地有几百套 .flf 字体文件可选,但在线工具一般只内嵌最常用的几套,够覆盖九成场景,而且不用安装、不用联网。

四套字体分别长什么样,该怎么挑

常用的字符画字体就那么几套,差别主要在高度和笔画粗细:

Standard:5 行高,用斜杠、下划线、竖线这类细笔画。适合代码注释里 inline 用,或者短小的 README 标题。
Big:7 行高,笔画粗壮。适合 CLI 启动横幅、欢迎页这种文字需要占主位的场合。
Slant:就是 Standard 向右倾斜的版本,带一点斜体感,想要动感又不想太重时用它。
Block:实心方块拼出来,对比度最强,远看像一块招牌。数字和短词特别合适。

挑字体有个朴素的判断:文字越短、越想抢眼,就越往 Big 和 Block 走;文字偏长、要塞进狭窄空间(比如手机端 README),就老老实实用 Standard,5 行的高度最不容易撑坏版面。

一个真实例子:把 deploybot 做成启动横幅

我自己做过一个叫 deploybot 的 Node 命令行小工具,想让它每次跑 --help 时先弹一个横幅,而不是干巴巴一个提示符。

我把 deploybot 这 9 个字母填进 Big 字体,把宽度上限设成 80 列,正好压进标准终端宽度。生成出来是 7 行的字符块,9 个字母横向落在 63 列,稳稳在 80 列上限以内,不会折行也不会横向滚动。然后我用一个 console.log 把这 7 行整块贴进 index.js 的入口处。从那以后,每次有人跑 deploybot --help,终端先亮出一个一眼能认的招牌,再走帮助文本,工具的辨识度立刻就出来了。

这里有个容易踩的坑:我第一次手动裁掉了字符块右边的空格,觉得这样干净点,结果下面每一行的对齐全塌了。字符画的行尾空格是参与对齐的,正确做法是用复制按钮整块复制,千万别手敲重打。

三个最常落地的场景

除了 CLI 启动横幅,字符画还有两个高频去处:

GitHub README 头图。把项目名用 Standard 渲染好,包进围栏代码块,GitHub 就会按等宽渲染,首屏给仓库一个能一眼认出的身份。注意名字别太长,5 个字母控制在 40 列以内,手机上才不会横向滚动。
标危险区的代码注释。一个几百行的迁移文件里有一段绝不能手改,我会用 Standard 生成「DO NOT EDIT」贴在那段上方当注释,审查者滚过好几屏远都能一眼看到。

其他还有 SSH 登录后的 MOTD、终端风营销页的复古 404、IRC 和 Discord 的前缀,都是它的常见舞台。

等宽字体:字符画的生死线

再强调一遍这条最容易翻车的规则:字符画只在等宽字体下成立。

每个字母占固定宽度,逐行对齐才拼得成形状。一旦你把横幅贴进比例字体环境,比如 Markdown 的普通段落、聊天气泡、邮件正文,字母网格立刻错乱,那个本该挺括的 A 会糊成一团。解决办法只有一个:包进代码块或者 <pre> 标签,强制等宽。

另外别给长字符串选 Big。像 my-awesome-project 这种,每字母约 8 列,Big 下直接奔着 144 列去了,超出输出区只会横向滚动而不是换行(换行会切断字母形状)。要么改 Standard,要么先缩成一个 6 字母的代号。

顺手能配的几个工具

把文字喂进生成器之前,常常要先处理一下文本:统一大小写可以用大小写转换工具,需要占位文字铺排版面可以用 Lorem Ipsum 生成器。想反过来把一张图片转成字符画,可以试图片转 ASCII 艺术;如果你玩的是终端复古风,摩斯电码翻译和文字转二进制也能凑出一整套硬核氛围。

工具本身在这里:ASCII 艺术生成器。输入文字、选字体、设宽度、一键复制,全程在浏览器本地跑,文字不出标签页,也不写进 URL,分享链接不会泄露你生成过的内容。

Made by Toolora · Updated 2026-06-13