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
不支持
页:
[1]