如何检查网页上真正显示的字体。
检查计算样式，不要假设 CSS 声明的第一种字体已经成功加载。记录影响显示效果的字重和后备字体。
按任务需求调整流程。
选取有代表性的标题和正文，从可用样式记录字体族、大小、字重和行高。区分声明的后备字体列表与字体实际渲染的证据。报告全页规律前先检查加载状态和响应式差异。
- 你需要提供什么
- 选定页面的计算后文字样式。
- 你会得到什么
- 实际应用的字体族、字重与字号。
查看输入和结果。
演示用输入和输出 · 教学示例，并非 WebAct 实时运行结果
示例 个输入项
Supplied style inspection of h1: font-family "Example Sans", Arial, sans-serif; font-size 40px; font-weight 700; line-height 48px. No rendered-font inspection or loading evidence supplied.
完整示例
Element: h1 Declared/computed family stack: "Example Sans", Arial, sans-serif Size: 40px Weight: 700 Line height: 48px Actually rendered face: unconfirmed. The family stack alone does not prove Example Sans loaded.
将这份输入载入提示词，再复制到 WebAct 中尝试任务。实际结果可能与示例不同。
决策与问题排查。
计算后的 font-family 值能证明第一种字体实际显示了吗？
不能。它可能只表示声明的字体列表。需要区分时，请用合适的浏览器检查方式确认实际显示的字体。
为什么两个元素使用相同字体族却看起来不同？
字重、可变字体设置、字号、间距或特定字符使用的后备字体可能不同。检查这些属性，不要只看字体族。
使用自己的资料试一试。
将任务提示词中的示例换成你的材料。保留所需条件，再把任务复制到 WebAct。
自定义并复制任务 ↑