---
title: "TitleArt：浏览器里复刻 1997 风格艺术字（非官方 WordArt） - Angryecho"
description: "2026年10月26日，开发者 David Barker（HN：@davidbarker）在 Hacker News 以 Show HN 发布浏览器工具 TitleArt，自称按当年 WordArt / Title Art 的截图「目测」微调内置样式，想在网页里做出 1990 年代末教室机房里的那种艺术字感觉。["
canonical_url: "https://www.angryecho.com/c/du_li_kai_fa/p/P2TBBnEMdQrqnMrBDEyX1"
meta:
  "og:description": "2026年10月26日，开发者 David Barker（HN：@davidbarker）在 Hacker News 以 Show HN 发布浏览器工具 TitleArt，自称按当年 WordArt / Title Art 的截图「目测」微调内置样式，想在网页里做出 1990 年代末教室机房里的那种艺术字感觉。["
  "og:image": "https://www.angryecho.com/_og/d/c_Post%2Ctitle_~5ZCQ5qe9572R%2Cdescription_~5ZCQ5qe95LiA5LiL77yM5bCx5LiK5ZCQ5qe9572R44CC%2CpostId_P2TBBnEMdQrqnMrBDEyX1%2Crevision_~MjAyNi0xMC0zMFQwMjo1NTo1OS4xNDkwNzZa%2Cp_Ii9jL2R1X2xpX2thaV9mYS9wL1AyVEJCbkVNZFFycW5NckJERXlYMSI%2Cs_8CXR5KdYwVMjaSut.png"
  "og:image:height": "630"
  "og:image:type": image/png
  "og:image:width": "1200"
  "og:title": "TitleArt：浏览器里复刻 1997 风格艺术字（非官方 WordArt）"
---

> Index of every page on this site: [llms.txt](https://www.angryecho.com/llms.txt)

# **TitleArt：浏览器里复刻 1997 风格艺术字（非官方 WordArt）**

2026年10月26日，开发者 David Barker（HN：@davidbarker）在 Hacker News 以 Show HN 发布浏览器工具 TitleArt，自称按当年 WordArt / Title Art 的截图「目测」微调内置样式，想在网页里做出 1990 年代末教室机房里的那种艺术字感觉。\[1]\[2]

## 能做什么

站点 [titleart.dvy.io](https://titleart.dvy.io/) 打开即可编辑：用括号键切换图层，方向键移动，逗号/句号旋转，加减号缩放，Delete 删除图层；问号键可看全部快捷键。界面可见字体（如 Impact、anton）、粗体/斜体、字号（示例默认约 140 px）、字距与多种对齐方式（左/中/右、按词/按字母/拉伸两端对齐）以及行距等控件。\[2]

作者在 HN 说明：动机是忠实复刻早期 WordArt，素材来自能找到的截图，自己也没想到会带回英国学校 ICT 机房的记忆；欢迎把作品通过帮助菜单里的联系方式发给他。\[1]

## 边界

本稿依据 Show HN 帖与站点可见界面整理，**不是** Microsoft Word 官方 WordArt 授权产品，也不构成对任何办公软件厂商的商业背书。是否开源、导出格式与浏览器兼容范围，以站点与作者后续说明为准；本稿未做系统实测。\[1]\[2]

评论区有人提起当年「闪烁/亮片」类字体、以及 Scott Forstall 曾参与早期 WordArt 相关轶事——属讨论补充，不是 TitleArt 功能清单。\[1]

> 说明：TitleArt 为第三方复刻向网页工具；「像 1997」是作者自评风格，非官方认证。

## 来源

> \[1] [Hacker News：Show HN: TitleArt – Make text like it's 1997](https://news.ycombinator.com/item?id=50238708)，2026年10月26日，作者：davidbarker。
>
> \[2] [TitleArt 站点](https://titleart.dvy.io/)，查询日期：2026年10月26日。
>
> \[3] 作者主页线索： [dvy.io](https://www.dvy.io/)（Davey Barker / David Barker）。

#TitleArt #WordArt #ShowHN #浏览器工具 #产品测评 #HackerNews

排序方式 :

### **成为第一条评论！**

Nobody's responded to this post yet. Add your thoughts and get the conversation going.

```json
{"@context":"https://schema.org","@graph":[{"@id":"https://www.angryecho.com/c/du_li_kai_fa/p/P2TBBnEMdQrqnMrBDEyX1#post","@type":"DiscussionForumPosting","commentCount":0,"dateModified":"2026-10-30T02:55:59.149Z","datePublished":"2026-10-26T03:23:00.000Z","description":"2026年10月26日，开发者 David Barker（HN：@davidbarker）在 Hacker News 以 Show HN 发布浏览器工具 TitleArt，自称按当年 WordArt / Title Art 的截图「目测」微调内置样式，想在网页里做出 1990 年代末教室机房里的那种艺术字感觉。[","headline":"TitleArt：浏览器里复刻 1997 风格艺术字（非官方 WordArt）","isPartOf":"https://www.angryecho.com/c/du_li_kai_fa","mainEntityOfPage":"https://www.angryecho.com/c/du_li_kai_fa/p/P2TBBnEMdQrqnMrBDEyX1","text":"2026年10月26日，开发者 David Barker（HN：@davidbarker）在 Hacker News 以 Show HN 发布浏览器工具 TitleArt，自称按当年 WordArt / Title Art 的截图「目测」微调内置样式，想在网页里做出 1990 年代末教室机房里的那种艺术字感觉。[1][2]\n\n能做什么\n\n站点 titleart.dvy.io 打开即可编辑：用括号键切换图层，方向键移动，逗号/句号旋转，加减号缩放，Delete 删除图层；问号键可看全部快捷键。界面可见字体（如 Impact、anton）、粗体/斜体、字号（示例默认约 140 px）、字距与多种对齐方式（左/中/右、按词/按字母/拉伸两端对齐）以及行距等控件。[2]\n\n作者在 HN 说明：动机是忠实复刻早期 WordArt，素材来自能找到的截图，自己也没想到会带回英国学校 ICT 机房的记忆；欢迎把作品通过帮助菜单里的联系方式发给他。[1]\n\n边界\n\n本稿依据 Show HN 帖与站点可见界面整理，不是 Microsoft Word 官方 WordArt 授权产品，也不构成对任何办公软件厂商的商业背书。是否开源、导出格式与浏览器兼容范围，以站点与作者后续说明为准；本稿未做系统实测。[1][2]\n\n评论区有人提起当年「闪烁/亮片」类字体、以及 Scott Forstall 曾参与早期 WordArt 相关轶事——属讨论补充，不是 TitleArt 功能清单。[1]\n\n\n\n说明：TitleArt 为第三方复刻向网页工具；「像 1997」是作者自评风格，非官方认证。\n\n来源\n\n\n\n[1] Hacker News：Show HN: TitleArt – Make text like it's 1997，2026年10月26日，作者：davidbarker。\n\n[2] TitleArt 站点，查询日期：2026年10月26日。\n\n[3] 作者主页线索：dvy.io（Davey Barker / David Barker）。\n\n#TitleArt #WordArt #ShowHN #浏览器工具 #产品测评 #HackerNews","url":"https://www.angryecho.com/c/du_li_kai_fa/p/P2TBBnEMdQrqnMrBDEyX1","author":{"@type":"Person","name":"UID:42669855","url":"https://www.angryecho.com/u/NGA42669855"},"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":0},{"@type":"InteractionCounter","interactionType":"https://schema.org/DislikeAction","userInteractionCount":0},{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":2},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":0}]}]}
```

## Sitemap

See the full [sitemap](https://www.angryecho.com/sitemap.md) for all pages.