插件小屋
Font Inspector – 任意网站字体识别工具

Font Inspector – 任意网站字体识别工具

2.1.0
2026-10-24
0
4.0
Font Inspector – 任意网站字体识别工具 - 截图 1Font Inspector – 任意网站字体识别工具 - 截图 2Font Inspector – 任意网站字体识别工具 - 截图 3Font Inspector – 任意网站字体识别工具 - 截图 4Font Inspector – 任意网站字体识别工具 - 截图 5

插件介绍

识别任意网站使用的字体。指向文字,即可查看字体系列、字号、字重和实际显示的字体,并复制 CSS。

Font Inspector 能告诉你网站使用的是哪种字体。点击工具栏图标,选择“选取页面文字”,然后点击任意文字,旁边就会打开一个小面板,列出复用这套排版所需的全部信息。
【可查看的信息】
• 字体系列,以及完整的回退字体栈
• 实际显示的字体,一眼看出是否正在使用回退字体
• 字体来源:Google Fonts、Adobe Fonts、自托管的 Web 字体或系统字体
• 字重、样式、字号(px、em 和 rem)、行高和字间距
• 页面用到时,还会显示可变字体轴、OpenType 特性、文本转换和文本装饰
• 文字颜色和背景颜色,支持 HEX、RGB、HSL 或 OKLCH 格式,并附带 WCAG 对比度检查
• 元素的 CSS 选择器路径
【获取字体】
• 在 Google Fonts 或 Adobe Fonts 上打开该字体
• 对于自托管字体,可查看页面加载的字体文件,并复制现成的 @font-face 规则
• 为付费字体和系统字体推荐外观相近的免费 Google Fonts
【本页字体】
一次查看页面用到的所有字体,按覆盖的文字多少排序,并显示各自的字重和字号。将鼠标悬停在某个字体上,即可框出它在页面中出现的位置;你也可以检查它,或将它们全部保存到字体库。
【一键复制】
• 点击任意数值即可复制
• 将整套样式复制为 CSS、Tailwind 类或 SCSS 变量
【个人字体库】
检查过的每种字体都会保存到你的个人字体库中。你可以按无衬线、衬线、等宽或展示类别筛选,固定喜欢的字体,把字体整理到合集中,还能最多选四种并排比较。字体库可导出为 CSS 变量、设计令牌或 JSON,也可以重新导入。
【使用方法】
1. 点击工具栏图标并选择“选取页面文字”,或按 Alt+Shift+F(Mac 上为 Option+Shift+F)。
2. 将鼠标悬停在任意文字上并点击,或按 Shift。按 ↑ 和 ↓ 可选择父元素或子元素,按 Esc 可取消。
3. 查看详细信息,复制所需内容,或保存字体以便日后使用。
你也可以右键点击任意文字并选择“检查字体”。在网页内嵌的框架中同样可用。
【浅色或深色】
在字体库设置中,可选择浅色、深色或跟随系统设置。
请注意:Font Inspector 读取的是实时网页中的字体,无法识别图片或截图中的字体。推荐的替代字体外观相近,但并非完全相同。
【隐私】
你的字体库保存在你的浏览器中,推荐替代字体也无需联网查询。本扩展程序会发送匿名使用统计数据,但绝不会发送网页地址、网页文字或你的浏览记录。


插件详情

评分
4.0星(共5星),共3位用户参与评分
使用人数891
版本2.1.0
文件大小354KB
支持语言52 种语言
IDldanlnlkbcpglobchelebddfmjapiifd
发布时间2026-06-04 19:53:57