字体选择器

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

🔥 核心亮点

⭐ 干净的 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️⃣ 当您需要更改某些内容而不被扩展阻止时，设置暂停模式。

❤️ 最后的话

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