Font Inspector — 查看字体 & 复制 CSS
SangHyeon Cho · EEdge MV3
点击任意文字即可查看字体、字重、字号、行高、字间距和颜色，并复制为 CSS。无网络、无账号。
截图
简介
想知道这个网页用的是什么字体？或者需要某段文字的准确 CSS？打开 Font Inspector，把鼠标移到任意文字上，它会显示真实的计算样式：实际渲染的字体、字重、字号（px 和 rem）、行高、字间距、样式和颜色。点击固定，然后整段复制为 CSS。
一切都在浏览器内完成。没有主机权限、没有网络请求、没有账号 - 只有在你点击工具栏图标之后，扩展才会作用于该页面，任何数据都不会离开这个标签页。
使用方法
1. 打开任意网页。
2. 点击工具栏中的 Font Inspector 图标。
3. 将鼠标移到文字上查看样式，点击可固定。
4. 选择代码块或简写形式，然后点击复制 CSS。
5. 按 Esc 退出。
功能
• 显示实际渲染的字体，而不仅仅是声明的字体栈。
• 字重、字号（px 和 rem）、带比值的行高、字间距、样式。
• 带色块的颜色读数，统一为 hex 和 rgb - 即使页面使用现代的 oklch、lab 或 color() 也能正常工作。
• 可复制为整洁的 CSS 代码块或 font 简写，你的选择会被记住。
• 可读取开放的 shadow DOM；点击固定，按 Esc 或关闭按钮退出。
• 无主机权限、无网络、无账号、无追踪。
隐私
仅在你点击图标的那个标签页中运行，使用浏览器自带的 getComputedStyle 读取样式，并在你请求时复制到剪贴板。不收集、不远程存储、不发送任何数据。
独立扩展，与任何字体或设计服务均无关联。
Font Inspector — 查看字体 & 复制 CSS 是做什么的
Font Inspector — 查看字体 & 复制 CSS 是一款面向 Edge 的实用工具类扩展，主要用来解决浏览器里某类具体的小问题。官方对它的介绍是：点击任意文字即可查看字体、字重、字号、行高、字间距和颜色，并复制为 CSS。无网络、无账号。在微软 Edge 加载项商店上，它当前版本 3.0.4，约 38 名用户。
适合什么人用
从功能定位看，Font Inspector — 查看字体 & 复制 CSS 更适合想补上浏览器原生缺失功能的用户。如果你平时只是偶尔遇到相关需求，用浏览器自带功能也能凑合；但如果这件事每天都发生，装一个专门处理它的扩展通常比手动操作省事得多。
怎么安装 Font Inspector — 查看字体 & 复制 CSS
- 打开微软 Edge 加载项商店上的官方页面；
- 点「添加到浏览器」并确认权限提示；
- 装好后在扩展列表里固定图标，方便随时开关。
本站只做索引与介绍，安装包来自官方商店。如果商店页面提示当前地区不可用，说明该扩展未在你所在区域上架。
常见问题
Font Inspector — 查看字体 & 复制 CSS 是免费的吗？
Font Inspector — 查看字体 & 复制 CSS 在微软 Edge 加载项商店免费提供下载。它是浏览器扩展，装上就能直接用，不需要注册账号。
Font Inspector — 查看字体 & 复制 CSS 安全吗？
它只申请了 0 项权限，范围比较克制，没有申请「读取所有网站数据」这种大权限。
Font Inspector — 查看字体 & 复制 CSS 支持哪些浏览器？
当前收录的版本来自微软 Edge 加载项商店，适用于 Edge。同一个扩展在其他商店可能有对应版本，但功能与版本号不一定相同。
怎么卸载 Font Inspector — 查看字体 & 复制 CSS？
在扩展管理页找到 Font Inspector — 查看字体 & 复制 CSS，点移除即可。它在本地保存的设置会一起清掉，不会残留数据。
权限清单 来自 manifest.json 原文
接口权限 3
activeTabscriptingstorage