Fontjoy翻译站点

Fontjoy详细介绍

Fontjoy 解决的是排版里最容易卡住的一步：标题、副标题、正文这三档到底用哪几款字。打开页面就是一个生成按钮，点一下立刻给出三组字体，每组都写明字体名称，并且用真实文案渲染出预览，不是只给字母样本，谁当标题谁当正文一眼就能看出来。

三组搭配各有锁定按钮。比如标题那款已经很顺眼，只想换正文，就锁住标题再重新生成，其余档位随机刷新。首页还有一个反差滑块，从气质非常接近一路拉到高对比，滑块偏左出来的组合更稳妥，偏右容易出现风格冲撞更明显的搭配，想在同一种调性里找感觉时比反复盲点生成顺手得多。

做到这一点的办法是把每款字体渲染成图片，用预训练卷积网络提取成两百维向量，再算向量之间的距离来找配对，数据来自一千八百多款 Google 开源字体。所以 Fontjoy 给出的结果基本都能直接落地到网页，不用操心授权，代价是覆盖面只限英文字母，中文字体一款都没有，做双语项目时只能借英文侧的搭配思路，中文部分还得另找。

页面里还藏着一个字体可视化工具，把字体向量投到二维平面上看聚类，哪些字体在形状上靠得近一清二楚，研究字体分类的人会觉得有意思，日常做页面的人大概用不上。站内没有账号体系，也不保存历史记录，更不能导出 CSS，选完得自己把字体名抄下来去取字。项目在代码托管平台上放了源码，这些年基本没再更新，不过搭配类工具本身也不需要频繁迭代。

Fontjoy的核心功能

• AI 字体搭配生成：点一下生成按钮，同时得到标题、副标题、正文三款字体，每款都标出名称并铺上真实文字预览，判断搭配是否协调不用再跳到别的站去查字体长相。
• 单档锁定重掷：三档各配一个锁形按钮，锁住满意的那一档再点生成，只刷新其余档位，改局部不动全身，比整组推倒重来省事。
• 反差滑块调节：滑块左端偏向气质接近的组合，右端会给风格差异更大的搭配，同一套字库里能试出完全不同的方向，想稳一点还是想冲一点自己定。
• 预览文本改写：预览区的文字可以直接替换成产品标题、品牌名或一段正文，看到的效果就是实际要用的内容，标题过长导致的断行问题当场就能发现。
• 字体向量可视化：单独一个页面把一千八百多款字体的向量铺在平面上，能看出字体按形状聚成哪些簇，也支持调整分布的参数设置。
• 开源字库取用：可选字体全部来自 Google Fonts，选定后到 Google Fonts 搜字体名就能拿到文件或引用链接，商用也不用另外购买授权。
• 免注册直接使用：不弹登录框，也没有生成次数限制，关掉页面再回来照样能用，只是结果不会留存，要自己记录选中的字体名。

Fontjoy的价格详情

免费权益：

完全免费，不注册也能生成，没有次数与额度限制，站内没有会员、充值或授权收费入口，价格可能随官方调整。

收费模式：

站内不设付费档位，没有订阅、买断、按量计费，也不提供付费授权或技术支持服务。

Fontjoy的应用场景

• 落地页定字：做一个英文产品落地页，主标题、副标题和正文各要一款字，先用搭配工具把三档组合定下来再去取字，比对着字体列表一个个试要快很多。
• 社媒封面排版：做英文封面或活动海报时，需要一个抢眼标题配一个安静正文，把反差滑块往高对比方向拉，容易挑到层次分明的组合。
• 品牌视觉定调：给初创品牌定字体基调，先锁住符合调性的标题字，再反复重掷正文档位，能在同一气质里横向比好几套方案。
• 双语项目补英文侧：中文主字体已经定了，英文标题需要一款气质相近的，在预览区输入对应英文，对着看两边的重量与宽窄是否协调。
• 前端开发预演：开发者动手写样式之前把真实文案贴进预览区，看断行和字号比例是否合适，避免上线后才发现标题太长被截断。
• 排版教学演示：讲字体相似与对比时打开可视化页面，字体在向量空间里的分布关系一目了然，比只看样例图更容易理解。

Fontjoy的适用人群

• 设计师：做海报、网页和封面时需要快速定下三档字体组合，靠单档锁定在既定调性里反复微调，省掉在多个字体站之间来回比对的时间。
• 开发者：做英文站点或组件文档需要一组能直接落地的开源字体搭配，选完去 Google Fonts 取字即可，不必处理授权与费用问题。
• 自媒体创作：做英文封面与头图时把文章标题贴进预览区，就能看出排版效果，不用安装字体管理软件，也不用先垫付授权费。
• 学生：学排版课程时可以用可视化页面理解字体之间的相似与反差关系，操作门槛低，不注册也能用。

同类工具对比