对比 · 字体排印
字体识别 Chrome 扩展:该装哪一种(以及装前查什么)
简短回答
字体识别 Chrome 扩展只有两类:猜图片里字体的图像匹配器,和读取真实文本精确渲染字体的页面检查器。对真实文本,选一个不要求全站点访问权限的检查器——Font Finder 悬停即显渲染字体、字重与字号,免费且完全本地。
- 1
先确定你要识别什么:页面上的真实文本,还是图片里的字迹。只有前者是检查器的活。
- 2
安装时读一眼权限警告——悬停检查器不应该需要访问所有网站。
- 3
拿一个 CSS 字体栈回退很多的页面测试,确认它报告的是实际渲染的字体族,而不只是声明的第一个名字。
- 4
钉住一个结果并复制 CSS——输出应包含字重、字号、行高和字间距,而不只是一个名字。
- 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 里的字迹没有样式可读,所以不在范围内——那是图像匹配器的领地,而任何声称用同一套机制两者通吃的工具都值得警惕。知道自己在问哪个问题,选扩展这件事就完成了大半。