插件小屋
字体选择器

字体选择器

1.0.1
2026-06-10
0
4.8
字体选择器 - 截图 1字体选择器 - 截图 2

插件介绍

使用字体选择器进行检测,并作为谷歌字体查找扩展。一个用于识别网站上字体大小的选择器,配合字体查找工具使用。

字体检测是一个快速的视觉检查工具,用于颜色、间距和对比度。它可以在任何网站上使用,以紧凑的面板打开,并记住安全的大小。您可以通过点击窗口中的叉号或点击图标来关闭扩展的字体阅读器。

🔥 核心亮点

⭐ 干净的 CSS 复制预设:全部、字体查找器、排版、颜色。
⭐️ 在页面上实时检查,悬停和点击任何元素。
⭐️ Web/本地徽章 Chrome 字体选择器应用渲染实体。
⭐️ 保存的元素用于排版参考和组件。

📌 工作原理

悬停或点击以锁定元素;面板显示选择器,复制 CSS。字体查找器中的增强模式会告诉您是否被阻止访问。每次启动扩展时您需要下载,但在同一网站的字体选择器中,您不需要再次给予浏览器权限。

⚡️ 关键操作

1. 悬停以预览。
2. 点击锁定选择。
3. 复制干净的 CSS。
4. 更改字体选择器。
5. 保存任何元素。
6. 切换排版。

🪐 显示与窗口

显示或隐藏排版、颜色和间距部分,以保持 UI 简洁。字体选择器 Chrome 扩展的窗口固定在您的屏幕上,从元素标签开始,并且不会最小化打开。

📚 复制预设

- 完整样式块的所有 CSS 数据。
- 布局准备好的文本集的排版。
- 带有字体扩展的调色板颜色。

🧩 排版细节

字体家族和堆栈、可读名称的粗细、大小、行高、字母/单词间距、样式、变体,以及快速粗细复制按钮。字体查找器 Chrome 扩展分组显示,因此您可以看到基本信息而不杂乱。

🎯 额外福利

1️⃣ 在允许的域上快速加载基于域的本地信息。
2️⃣ 安全范围内的字体大小选择器 Chrome 扩展离屏调整大小。
3️⃣ 严格防止重复保存的项目,以保持整洁。

💡 谁受益

前端开发人员可以在网站上找到字体,考虑开发人员验证渲染数据和间距;UI/UX 设计师审核排版、颜色和对比度;QA/无障碍团队快速检查 WCAG 等级。同时,前端查找器为团队共享数据以保持一致的设计系统。

🚀 快速优势

➤ 干净的 CSS 数据。
➤ 快速检查。
➤ 字体提取器。
➤ 对比度准备。
➤ 保存的网页引用。
➤ 紧凑面板。

🧶 暂停模式

暂时停止选择,以便您可以自由与页面互动,网页字体选择工具将无法工作。当您需要滚动、点击或触发 UI 状态而不丢失位置时,点击它——然后在单一步骤中恢复检查,您可以在网站上识别字体。

🧷 接收项目内容

• 网页的 URL。
• 主机名戳。
• 字体样式选择器。
• 大小和粗细。
• 样式 + 行高。

🌟 保存反馈

当您在网站的字体选择器中执行某些操作时,面板会显示清晰的视觉提示:一个勾号提示更新保存计数,复制操作会在图标上触发简短的复制消息提示,字体选择器的访问拒绝状态会显示警告,以便您在继续之前确切知道需要修复的内容。

🧠 常见问题

问:我需要打开开发者工具吗?
答:不,所有内容都在浮动面板中。

问:这会减慢我的页面吗?
答:Chrome 扩展字体选择器经过良好优化。

问:它能在任何地方运行吗?
答:是的。增强模式需要 HTTPS 以下载本地数据。

🔎 暂停与活动

当检查器处于活动状态时,网站的字体查找器会抓住您的光标以突出显示元素,因此页面的点击和悬停会被拦截。打开暂停,扩展“让位”:您可以正常点击按钮并与页面互动。准备再次使用字体家族选择器吗?关闭暂停并继续。

🧰 窗口控制

◆ 拖动以重新定位面板。
◆ 调整边缘以适应您的视图。
◆ 字体选择器记住大小。
◆ 固定在您当前的屏幕上。
◆ 最大化以获得安全的大视图。

📝 与其他工具的比较

与主要报告声明的家族名称的 What Font 扩展不同,我们的工具揭示实际渲染的源,提供一键干净的 CSS 预设复制并保存完整元素快照。与 whatfont 扩展不同,您还可以加载本地预设以提高准确性并保持列表。

☘️ 开始使用

1️⃣ 开始使用网站字体选择器下载,点击图标,悬停或点击一个元素。
2️⃣ 通过隐藏您现在不需要的数据部分来探索窗口中的信息。
3️⃣ 当您需要更改某些内容而不被扩展阻止时,设置暂停模式。

❤️ 最后的话

我们真的努力制作一个出色的选择器扩展,并始终欢迎您的反馈以进一步改进。安装并享受舒适的使用体验。


插件详情

评分
4.8星(共5星),共6位用户参与评分
使用人数956
版本1.0.1
文件大小238KB
支持语言52 种语言
IDliklkkdcopopecekldcceogkkgfmcjfh
发布时间2026-06-10 14:40:09