对比 · 字体排印

字体识别 Chrome 扩展:该装哪一种(以及装前查什么)

Font Finder4 分钟阅读

简短回答

字体识别 Chrome 扩展只有两类:猜图片里字体的图像匹配器,和读取真实文本精确渲染字体的页面检查器。对真实文本,选一个不要求全站点访问权限的检查器——Font Finder 悬停即显渲染字体、字重与字号,免费且完全本地。

  1. 1

    先确定你要识别什么:页面上的真实文本,还是图片里的字迹。只有前者是检查器的活。

  2. 2

    安装时读一眼权限警告——悬停检查器不应该需要访问所有网站。

  3. 3

    拿一个 CSS 字体栈回退很多的页面测试,确认它报告的是实际渲染的字体族,而不只是声明的第一个名字。

  4. 4

    钉住一个结果并复制 CSS——输出应包含字重、字号、行高和字间距,而不只是一个名字。

  5. 5

    退出(Font Finder 里按 Esc),确认页面原样恢复。

搜“字体识别 Chrome 扩展”,得到的是一整墙看上去承诺同一件事的图标。它们背后其实是两类截然不同的工具——外加几种权限习惯,值得在往浏览器里装任何东西之前先筛一遍。

同一个名字,两种工具

图像匹配器把截图里的字母形状与字体库比对。它们为“字迹是图片”而生——logo、海报、图片横幅——答案是视觉上的最佳猜测。页面检查器读取页面上真实文本的计算样式:精确、即时,但只限浏览器排出来的文本。两者互不替代。看你指着什么来选:像素找匹配器,真实文本配检查器。

安装前的清单

权限。很多字体扩展要求“读取并更改你在所有网站上的数据”——为一个一周用几次的工具,交出你打开的每个页面的常驻访问权。悬停检查器不需要这些:Chrome 的 activeTab 授权可以只在你点击的那个标签页、只在你点击的那一刻注入检查器。

准确性。font-family 里的第一个名字是请求,不是结果。好的识别工具会告诉你哪个字体族实际渲染了,以及它是否为页面加载的 web font——否则你可能“识别”出一个根本没人看到的字体。

隐私。读取计算样式完全不需要网络。扩展一旦回传数据,页面内容就可能随之而去。优先选零网络请求、并且明说这一点的工具。

输出。字体名只是开头;字重、字号、行高、字间距和一段可直接粘贴的 CSS,能帮你省下再跑一趟 DevTools。

Font Finder 对照这份清单

Font Finder 就是按这份清单的严格版造出来的。它装机不带 host 权限,只以 activeTab 运行;不发网络请求,不需要账号。悬停任意文字即显实际渲染的字体族,连同字重和字号;点击钉住详情卡,完整字体栈尽列——渲染字体已标出,web font 有标记——还有一键复制 CSS。按 Esc 移除检查器,页面原样恢复。它免费,没有付费档。

它的边界在哪里

把范围说清楚:Font Finder 通过读取页面自身的计算样式来识别渲染文本。图片或 logo 里的字迹没有样式可读,所以不在范围内——那是图像匹配器的领地,而任何声称用同一套机制两者通吃的工具都值得警惕。知道自己在问哪个问题,选扩展这件事就完成了大半。

一个什么权限都不要的字体识别器

悬停即得渲染字体、字重、字号和可复制的 CSS——无全站点访问,无上传。

了解 Font Finder →