浏览器字体扩展 - 及其局限性
WhatFont 和 Fontanello 等扩展允许通过悬停或点击来识别字体。以下是它们的比较 - 以及 URL 扫描器何时更胜一筹。
流行字体扩展
WhatFont
将鼠标悬停在任意文本上即可查看字体系列、大小、粗细和颜色。最受欢迎的字体检查扩展之一。
Pros
- +无需 DevTools
- +悬停即时显示字体
- +支持 Chrome 和 Safari
Cons
- −每次只能检查一个元素
- −无法完整列出页面所有字体
- −需要在每个浏览器中安装
Fontanello
右键单击任意文本即可查看字体详情。支持 Chrome 和 Firefox。
Pros
- +集成到上下文菜单
- +输出清晰
- +支持 Firefox
Cons
- −仅支持逐元素检查
- −没有导出或完整清单功能
字体扩展的常见局限性
- •扩展每次只能检查一个元素 - 无法获得完整清单。
- •无法检测已声明但未应用于可见文本的字体。
- •只在安装的浏览器中有效 - 不适合远程共享或审计。
- •可能无法检测通过复杂 CSS 加载的字体（例如条件 @supports 规则）。
何时使用 URL 扫描器
要获取网站加载的所有字体的完整清单 - @font-face 声明、Google Fonts、Bunny Fonts、Fontshare - 请将 URL 粘贴到下方。一次扫描，完整结果，无需安装。
常见问题
WhatFont 是什么？
WhatFont 是一款浏览器扩展（Chrome、Safari），显示您悬停的任何文本的字体系列、大小、粗细和颜色。非常适合快速查找，但一次只能检查一个元素。
有 WhatFont 的替代品吗？
有 - Fontanello 通过右键菜单在 Chrome 和 Firefox 上运行。对于无需任何扩展的全页审计，请将 URL 粘贴到上方的扫描器中。
扩展能检测页面上的所有字体吗？
不能。扩展检查单个元素，无法告诉您已加载但当前未应用于可见文本的字体。URL 扫描器可以捕获一切。
使用此工具需要安装任何东西吗？
不需要。粘贴任意 URL，扫描器在云端完成工作 - 无需扩展、无需 DevTools、无需安装。