网页设计中最让人头疼的莫过于分析陌生站点的字体属性——是Helvetica还是Arial？字号14px还是15px？以前我总得打开开发者工具层层翻找，直到遇见了Font Finder。这款插件简直就是为设计师和前端开发者量身定做的字体“验钞机”。

核心功能：一眼看穿字体家族

安装后只需右键点击任何元素，选择“Analyze Font”或者直接通过快捷键激活。它会弹出一个简洁的浮动面板，把当前元素的font-family、font-size、font-weight、color、line-height等关键CSS全部列出来。最赞的是他支持逐字符检测——比如一段文字里混用了中文和西文字体，插件能分别告诉你每个字符实际渲染的是哪种字体。相比之下，像WhatFont这类工具虽然也能识别，但往往只给出整段文字的概括，遇到复杂排版就容易翻车。

设计师的救星：一键复制与即时调参

每次在Dribbble上看到心仪的排版，只需要把那个字体信息复制到剪贴板，就能直接丢到自己的CSS里。另外你还能在页面上实时调整选中元素的字体大小、颜色、字重等选项——不破坏原页面，改完觉得合适再截图记录。这种内联编辑功能在对比不同字号对可读性的影响时尤其高效，不用自己在编辑器里反复改数字刷新页面。

和同类插件比赢在哪？

Font Ninja走的是简洁路线但少了内联编辑；WhatFont最烦人的是每次都要点很多次才能详细信息。Font Finder恰好平衡了“信息密度”与“操作便捷性”：信息一目了然，而且常用操作（复制、编辑）都放在一级菜单里。无论是检查自己项目的开发环境，还是扒下竞品的排版，它都能帮你节省大把时间。

如果你经常与字体打交道，这款插件绝对值得放进工具栏常驻。下载完全免费，Chrome和Firefox都能用，赶紧去试试吧。