Font Stealer

想了解某个网站用了什么字体？传统做法是打开浏览器的「开发者工具」，在 Elements 或 Network 面板中手动查找加载的字体文件（如 .woff、.ttf 等）。虽然可行，但对非技术人员或追求效率的设计师来说，操作略显繁琐。

现在，有一个更简单的方法：Font Stealer —— 一款近期在设计与前端社群中广受关注的免费在线工具。只需输入网址，它就能自动分析页面中实际渲染使用的字体，并提供清晰的字体名称、格式、字重、预览图等关键信息。

核心功能

• 一键提取网页字体
  输入任意公开网页 URL，点击「Extract」，Font Stealer 会扫描该页面已加载并用于渲染的所有字体资源。
• 支持主流字体格式
  包括 WOFF、WOFF2、TTF 和 OTF，覆盖现代网页几乎全部字体类型。
• 显示完整字体信息
  • 字体家族名称（如 “Inter”、“PingFang SC”）
  • 字重（Font Weight，如 400、700）
  • 文件格式与大小
  • 实时文本预览（可自定义测试文字）
• 推荐免费替代字体
  点击「Find Free Alternatives」，工具会基于视觉相似度（以百分比显示），从 Google Fonts 中推荐可商用的免费替代方案，并直接跳转到对应字体页面。

⚠️ 使用限制与合法性说明

• 仅分析公开可访问的资源：Font Stealer 不会绕过 DRM、不解密私有文件，也不访问服务器端未公开的目录。
• 不存储用户数据：所有分析在浏览器端或临时会话中完成。
• 下载功能暂不可用：截至本文撰写时，因法律合规考量，字体文件下载功能已暂时关闭。但用户仍可获取字体名称，自行通过正规渠道查询或购买。

💡 提示：即使无法直接下载，知道准确的字体名称（而非模糊的 font.woff2）已极大简化了后续查找工作。

适用人群

• UI/UX 设计师：快速参考优秀网站的排版用字
• 前端开发者：验证字体加载是否符合预期
• 品牌/营销人员：确保竞品分析中字体使用准确
• 学生或爱好者：学习网页排版与字体搭配

如何使用？

1. 访问官网
2. 在输入框粘贴目标网页 URL（如 https://example.com）
3. 点击 Extract
4. 查看结果：字体列表、预览、字重、格式
5. （可选）点击「Find Free Alternatives」获取 Google Fonts 推荐

为什么比开发者工具更友好？