如果你经常研究优秀网站的字体搭配，或者作为设计师需要快速抓取网页排版参数，那么TypeScout – Typography Inspector绝对值得一试。这是一款主打隐私优先、完全离线的浏览器插件，悬停即识别，无需任何网络请求，就能瞬间告诉你当前文本的字体族、字号、字重、行高、字间距、文字颜色、背景色，甚至还能计算WCAG对比度。相比同类插件如WhatFont或Fontanello，TypeScout多了保存排版集的本地库功能，而且完全免费、无广告、无账户注册。

核心功能与体验

  • 悬停即检：鼠标移到任意文本上，一个浮动面板立即显示完整的排版参数，包括字体名称、像素大小、字重数值、行高比例、字母间距等，比打开开发者工具快10倍。
  • 颜色与对比度：自动抓取文字和背景的十六进制色值，并实时计算WCAG AA/AAA级对比度，对无障碍设计非常实用。同类工具中只有少数能做到这点。
  • 本地保存排版集：你可以把喜欢的字体组合保存为“排版集”，比如“标题方案A”或“正文风格B”，所有数据存储在浏览器本地，离线可用，不用担心隐私泄露。相比Fount或Type Sample那种只能看不能存的工具，TypeScout的库功能是杀手锏。
  • 性能与隐私：100%离线运行，不发送任何数据，加载速度极快。对比一些需要联网查询字体服务的插件，TypeScout的响应几乎是即时的。

适用场景与对比

如果你经常做网页设计复刻、前端开发，或者单纯想学习优秀网站的排版秘诀，TypeScout能帮你快速收集灵感。举个例子：你在Awwwards上看到一个漂亮博客，用TypeScout悬停就能看到它用Inter字体、16px、400字重、1.6行高，一键保存。相比之下，WhatFont只能识别字体名称，而Fonts Ninja虽然也能保存但需要注册账户且部分功能付费。TypeScout在免费、无账户、离线、参数全面这四个维度上几乎找不到对手。

不过它也有小缺点：暂不支持识别Webfont的CSS来源（比如是Google Fonts还是自托管），以及无法一键复制所有参数。但考虑到它的轻量和隐私特性，这完全是可接受的取舍。如果你追求极致的排版分析体验，TypeScout绝对是当前Chrome商店里最值得安装的排版工具之一。

插件广场: crxlib.com