我为什么创建了 fontgenerator.design：为开发者提供的简洁 Unicode 参考（Show HN 200+ 分）

Source: Dev.to

问题

通常，如果你需要一个特定符号比如 ≌（全等于），你必须在零散的网站或混乱的 Wikipedia 表格中搜索。你可能找到了符号，但却找不到在代码中实际需要的 CSS 转义码或 JavaScript 字符串。

解决方案：一页搞定所有编码

我设计了这个工具，为 每个符号提供一个干净、详细的页面。例如，在我们的 Unicode Symbols 索引中，你可以看到：

• 一键复制： 为所有内容提供快捷按钮。
• 开发者信息： HTML 实体、CSS 代码、JS 字符串，甚至 UTF‑8/16 字节。
• 使用场景： 如何在不同操作系统和专业软件（Word、Excel 等）中使用。
• 庞大库藏： 超过 3,431 个符号，按数学、技术、UI 等分类。

技术栈

为了保持快速且类型安全，我们使用了：

• 框架： Next.js (^16.0.7) + App Router。
• UI： React (^19.1.1)。
• 语言： TypeScript (^5.9.2)。
• 样式： Tailwind CSS (^3.4.17)，呈现简洁的“粗犷”风格。

等等，代码是谁写的？ 🤖

有趣的部分来了：我没有手动写过一行代码。
我是一名产品经理，虽然了解原理，但整个项目都是使用 “Vibe Coding”（主要是自然语言提示和 AI 协作）完成的。现代工具让拥有 PM 背景的人也能把愿景转化为真正上线、甚至登上 Hacker News 首页的生产级工具，真是令人惊叹。

社区反馈带来的改进

感谢最初的反馈，我已经加入了：

• 改进的 搜索（支持 U+XXXX 和模糊名称）。
• 修复的 移动端 UI（为符号提供更大的点击目标）。
• 添加 字体提示，帮助解决符号显示为“豆腐块”（□）的问题。

我仍然是个 “代码新手” PM，期待听到这里的专家们的建议。还有哪些功能或符号可以让你在处理 Unicode 时更轻松？

如果你对我的 Vibe Coding 工作流感兴趣，留言告诉我，我会写一篇详细的帖子来介绍！

快来看看吧： fontgenerator.design/symbols