列出所有字体工具可扫描任意网页，呈现页面中所有 font-family 的完整清单——包括从 CDN 加载的 web 字体、自托管字体以及系统字体回退。每种字体均显示实时文本预览、已加载的字重与字形、使用该字体的元素数量，以及一键复制 CSS font-family 声明。
识别你喜欢的网站所用字体，过去需要在 DevTools 中逐一检查元素、查看计算后的 font-family 属性，或使用每次只能检测一种字体的浏览器扩展。列出所有字体在一个视图中为你呈现完整全貌——页面上加载并使用的每一种字体，以及每种字体实际渲染效果的实时文本样本。该工具区分 web 字体（通过 @font-face 或 Google Fonts 加载）与系统字体（Arial、Helvetica、Georgia 等），并显示完整的 font-family 字体栈。对于每种字体，你可以看到已加载的字重（400、600、700）、使用该字体的元素，以及应用的 font-size。点击任意字体即可复制其 CSS 声明——可直接粘贴到你自己的项目中。实时预览使用页面上实际的字体渲染效果，而非通用预览，因此你看到的是字体在该网站使用的字号和字重下的真实呈现。
列出页面上实际渲染的每一个 font-family，包括来自 Google Fonts、Adobe Fonts 或自定义 @font-face 声明的 web 字体，以及系统字体回退。显示找到的唯一 font-family 总数。
每种字体均以实时文本样本（"The quick brown fox jumps over the lazy dog"）展示，使用页面上加载的实际字体文件渲染。你看到的是真实渲染效果——而非通用预览。
查看每种字体已加载的字重（Regular 400、Medium 500、SemiBold 600、Bold 700）以及是否提供斜体变体。帮助你了解该字体已加载的子集范围。
查看页面上每种字体被多少元素使用。使用最多的字体排在最前面。清楚了解哪些字体是主字体（正文），哪些是辅助字体（仅用于少数元素）。
点击任意字体条目，将其完整的 CSS font-family 声明（例如 font-family: 'Inter', sans-serif）复制到剪贴板。可直接粘贴到你的样式表中。
每种字体均显示其来源：Google Fonts（含具体 URL）、Adobe Fonts、自托管（含 @font-face URL）或系统字体。清楚了解每种字体的来源。
访问一个排版精美的网站，立即查看它使用的每一种字体——名称、字重及来源。再也不用猜"这是什么字体？"，也无需借助不可靠的字体识别工具。
你的页面加载了多少种字体？是否存在已下载但未使用的字体？列出所有字体显示实际使用情况——如果一种已加载的字体有 0 个元素使用它，那就是浪费带宽。
在每个页面上运行列出所有字体，记录项目的排版规范。验证正确的字体和字重是否在全站一致使用——发现游离的 font-family 声明。
发现了喜欢的字体，但它是付费字体？复制字体名称，搜索特征相似的免费替代方案。实时预览帮你准确记住它的外观效果。
在不同浏览器中对同一页面运行列出所有字体，验证各处渲染的字体是否一致。系统字体栈在不同操作系统中解析方式不同——及时发现不一致之处。
打开 DevSuite Pro 浮动工具栏，点击列出所有字体图标。该工具将扫描页面的计算样式和 @font-face 规则。
面板将显示页面上找到的所有字体，按使用频率排序。每个条目显示字体名称、预览文本、字重及元素数量。
滚动浏览实时预览，查看每种字体的渲染效果。对比页面的标题字体、正文字体与点缀字体。
点击任意字体条目，复制其 font-family CSS 声明。点击来源链接可访问字体的原始地址（Google Fonts 页面、CDN URL 等）。
将 font-family 声明粘贴到你的 CSS 中，并从同一来源加载字体，即可在自己的项目中使用。
