最新

嘿，HN， 我最近从零开始制作了3D风格的贝果网页字体（还有更多样式），想分享这个过程，以便有兴趣的人可以尝试或提供反馈。你可以通过输入以下链接进行体验： [https://www.bake-ai.com/fonts](https://www.bake-ai.com/fonts) [背景故事] 我在使用Stable Diffusion和ControlNet生成图标时，意外发现用这种方式生成字母的效果实际上比使用传统的3D工具（如Blender）要好。这让我产生了一个想法：如果我能把它变成一个真正可用的字体呢？ 我找到了几个工具，但大多数要么是收费的，要么缺乏支持。因此，我依靠Cursor（自发布以来一直在使用）花了几个小时编写了一个使用FontTools的Python脚本（[FontTools](https://github.com/fonttools/fonttools)，开源字体生成Python库）。最终，我得到了一个带有SBIX表的可用.ttf文件（这是苹果的彩色字体所使用的）！ [技术细节] 1) 创建基础字形 在iPad上手动绘制黑色字形（或使用开源字体进行其他实验）。 2) 添加纹理/样式 使用ComfyUI + Stable Diffusion + ControlNet为每个字母生成风格化图像。也可以在Midjourney、Photoshop等工具中完成。关键是保持图像尺寸的一致性。 3) 生成字体文件 使用FontTools（Python）。尝试过FontForge、BitFontMaker，甚至是Glyphs和Fontself等收费工具——但没有一个适合基于图像的字体。最终，FontTools + SBIX表成功解决了问题。 [限制] SBIX字体仍然相对较重，并且并非所有软件都支持它们。Photoshop支持，但Figma目前不支持。我计划在事情更加完善后向Figma提交功能请求。 如果有人想尝试这个字体，我很乐意分享。希望能得到反馈、想法，或者只是想知道这是否能激发你的灵感。我已经做了一段时间的独立创意项目——这可能会很艰难，但知道它能为别人带来启发真的很有帮助。 感谢你的阅读——如果你正在尝试类似的事情，请随时问我！ *更新 我正在使用Mac和Chrome（Arc）浏览器。它可能在其他浏览器或操作系统上无法正常工作。如果它对你不起作用，反馈给我将非常有助于我下次改进。谢谢！！