Font Inspector — 查看字体 & 复制 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 3.0.4.crx	.crx	3.0.4		支持
Font Inspector — 查看字体 & 复制 CSS 3.0.4.zip	.zip	3.0.4		不支持