使用方法
1. 上传图片 — 拖放或点击上传任意包含文字的图片
2. 获取匹配结果 — 查看最匹配的 Google Fonts,附带实时预览和可直接复制的代码
为什么要做一个 Google 字体查找工具?
Google Fonts 刚上线时只有 19 款字体,如今已有超过 1900 个字体家族。想从中找到合适的那一款,几乎是不可能的事。
另外,作为一个预算有限的设计师,我基本上只用 Google Fonts——免费、易用、到处都能用。但每次搜索"某某字体的 Google Fonts 替代品",翻来翻去都是那几个设计博客和 Reddit 帖子,推荐的永远是老几样。这挺让人恼火的,因为明明有那——么多字体家族可以选。
而且如果你用过那些字体识别网站,可能已经发现它们识别出来的大多是付费商业字体,用在网页项目里动辄要花几千美元。所以我做了这个工具,专注于开源、免费的 Google Fonts。
最后,我最近还给我的 TaperCraft 网站加了一个任选 Google 字体的功能——那个网站是用来制作 CD、磁带、VHS 和 DVD 封面等等的。于是我意识到,我需要一个能识别 Google 字体的工具。
还记得 What the Font 好用的那些年吗?
"What the Font?" 刚推出时非常惊艳,但后来越做越差。
虽然也有一些新网站,但我觉得那些找字体的网站界面都让人很有压力。所以我想做一个用起来舒服的,并加上一些改进:比如可以直接从剪贴板粘贴图片、加载更快、显示更多结果。而且每个结果都有直接下载按钮、一键复制字体名称的按钮,以及其他别家似乎都没有的贴心小功能。
如果你要找的字体在 Google Fonts 里不存在,这个网站也会找出一批长得足够像的。所以它同样是查找相似 Google 字体的好工具。我是为自己做的,对我特别有用,希望对你也一样。
实用技巧
- 请使用清晰、干净的字体截图。噪点多或拍歪的图片会让结果变差。
- 可以直接用 Cmd + V(PC 上是 Ctrl + V)粘贴图片。
- 想去掉广告?可以在我的 TaperCraft 实体媒体制作网站 上订阅成为赞助会员(每月 6 美元)
再送 Mac 用户一个超级技巧:按 "Cmd + Shift + 4",然后按住 "control" 框选屏幕区域,图片就会复制到剪贴板。回到本站粘贴,即可识别字体。
常见问题
如何从图片识别字体? 上传一张包含目标文字的截图或照片。工具会分析其中的字形特征,并展示 Google Fonts 中最接近的匹配字体,全部可免费使用。
最好用的免费字体识别工具是什么? 大多数字体识别工具推荐的都是需要付费的商业字体。这个工具只在 Google Fonts 中进行匹配,所以每个结果都能免费用在你的项目里。
如何找到与某个字体相似的 Google Fonts? 上传你喜欢的字体图片,就能得到一份按相似度排序的 Google Fonts 列表。每个结果都带实时预览和可直接复制的代码。
Google Fonts 可以商用吗? 可以。所有 Google Fonts 都是开源的,个人和商业项目均可免费使用。无需授权费,也无需署名。
如何在网站中使用 Google Fonts? 每个字体结果都附有可复制的 CSS 导入代码。粘贴到你的样式表里,再在 CSS 中使用对应的 font-family 即可。你也可以点击"下载字体"在自己的电脑上使用。
如果 Google Fonts 里没有这个字体怎么办? 很多字体是付费或专有字体。这个工具会从 Google Fonts 中找出粗细、风格、比例等特征最接近的免费替代字体。
你是怎么识别字体的?这是 AI 吗? 算是吧。AI 很擅长读取文字、识别字母的基本形状,但在匹配真实字体方面很糟糕。所以我把它和字体服务器结合起来,找出最接近的字体。详细了解其工作原理。