Tinkerfont.

Tinkerfont

Tinkerfont 是一款专为网页设计师和前端开发者打造的浏览器扩展工具，让您无需修改代码或打开设计软件，即可在真实网站上实时预览、替换和测试字体效果。通过直接在浏览器中操作，您可以快速验证字体在实际内容、布局和响应式断点下的表现，大幅提升字体选型效率。

产品亮点

• 右键即查字体信息：在任何网页文本上右键打开 Tinkerfont，即可查看字体族、颜色、对比度等实时规格，一键复制数值，甚至获取实验性字体文件 URL。
• 全站字体扫描：自动扫描页面 DOM，列出所有正在使用的字体及其出现次数，点击即可定位目标字体或使用通配符批量操作。
• 即时替换 1900+ 款字体：内置 Bunny Fonts 搜索引擎，或上传自有字体文件（.woff2/.woff/.ttf/.otf），一键应用到页面，无需开发者工具、无需部署、无需注册账号。
• 精准限定作用范围：可选取页面特定区域（如导航栏、表格）进行字体替换，区域设置按域名自动保存，方便针对特定模块反复调试。
• 智能记忆与跨设备迁移：每网站的替换规则和区域设置自动保存在本地存储，刷新或重新访问后依然生效；支持导出导入 JSON 配置，轻松迁移至其他浏览器。

使用场景

• 字体选型决策：在客户真实网站或竞品页面上快速对比不同字体效果，避免仅凭设计稿做判断，降低返工风险。
• 品牌字体预演：将客户提供的品牌字体上传至 Tinkerfont，在上线前直接在 staging 环境预览实际渲染效果，确保与品牌调性一致。
• 响应式排版调试：在不同视口尺寸下实时观察字体表现，验证行高、字重、可读性等细节，无需反复修改 CSS 文件。
• 团队协作与交付：导出字体配置分享给团队成员，或作为设计规范附件，确保开发还原度与设计师预期一致。

目标受众

Tinkerfont 主要面向网页设计师、前端开发者、字体爱好者以及需要频繁进行字体选型和排版调试的创意工作者，尤其适合追求高效迭代、注重实际渲染效果的专业人士使用。