Fount翻译站点

ADADAD固定广告位图片或标题，点击入驻固定广告位图片或标题，点击入驻固定广告位图片或标题，点击入驻

一、网站简介

Fount 是一个极简的网页字体识别书签工具（Bookmarklet）。它并非传统上传图片识字的网站，而是让用户在浏览任意网页时，通过点击预先设置好的书签按钮，激活字体识别模式，随后点选网页上的任何文字区域，即可实时显示该处所用字体的名称、大小、行高和颜色等详细信息，是前端开发者和网页设计师的“火眼金睛”。

二、公司背景

Fount 由美国设计师兼开发者 Andrew 独立创建并维护，最初于 2013 年发布，因其优雅简洁和极其易用而在前端社区迅速流行。尽管项目体量小，但它解决了一个高频的痛点——快速了解任何网站正在使用什么字体，被大量知名设计博客和课程列为必备工具。

三、核心功能

• 一键激活点选识字：将官网提供的“Fount”链接拖入浏览器书签栏，之后在浏览任意网页时点击该书签，页面进入识别模式，鼠标指针变为十字，再点击任何文字即可弹出字体信息面板。
• 多维度字体属性展示：弹出的信息框中不仅包含字体族名称（Font Family），还有字体粗细、大小、行高、颜色值等 CSS 属性，方便开发者直接复制样式值。
• Web Font 服务溯源：若网页使用 Typekit、Google Fonts 等服务加载的字体，Fount 会尝试指出具体的 Web Font 服务来源，便于深入了解字体生态。
• 轻量无侵入：整个书签工具仅是一小段 JavaScript，对页面性能无影响，退出识别模式后页面恢复原状，不留任何痕迹。
• 跨浏览器支持：兼容 Chrome、Firefox、Safari、Edge 等主流桌面浏览器，甚至在部分移动浏览器的书签中也能运行。

四、网站特点

• 零门槛上手：无需下载扩展或软件，一次性拖动书签即可永久使用，此后在任何网站都能用。
• 极致轻巧：网站本身就是一个单页介绍加书签生成，体积微小，理念纯粹，不收集任何用户数据。
• 设计教学好帮手：被大量设计学校和在线教程推荐，用于引导学生分析优秀网站的字体排版组合。

五、适用人群

• 网页前端开发者：日常调试和参考网站时快速了解字体堆栈，优化自己的 Typography 方案。
• UI/UX 设计师：分析竞品或获取设计灵感时，直接提取字体参数与搭配方式，用于自己的设计规范。
• 网页设计学习者：通过真实网站案例研究字体选择规律，培养对网页排版的感觉。

六、应用场景

• 前端代码逆向参考：开发者在 Dribbble 看到一个设计稿转网页的优秀案例，点开线上版本后用 Fount 点选标题，得知用的是“Inter Bold 24px”，立即应用到自己的项目中。
• 品牌视觉审计：品牌经理检查新的营销着陆页是否严格遵循了品牌字体指南，用 Fount 逐一点击核对所有标题和正文所用的字体族。
• 网页重构练习：学生在学习网页重构时，老师要求复刻一个网站的排版，学生使用 Fount 先准确提取源站点的所有字体信息，再 1:1 重建样式。

七、常见问题（FAQ）

Q：国内能否直接访问？
A：可以，Fount 官方网站为静态页面，国内网络环境下可以正常打开并获取书签链接，生成的书签在任何网站使用均基于本地浏览器执行，不受网络限制。

Q：Fount 与浏览器扩展如 WhatFont 有何区别？
A：Fount 是纯书签工具，无需安装扩展，不占用浏览器资源，更轻量；而扩展通常功能更丰富，但可能涉及更多权限，用户可按需选择。

Q：能识别图片中的字体吗？
A：不能，Fount 仅用于检测网页中由 HTML/CSS 渲染的真实文字字体，无法识别图片内嵌入的文字字体。

Q：是否支持手机浏览器？
A：技术上手机浏览器的书签功能同样可以运行该脚本，但因缺少鼠标悬停交互，体验不如桌面端顺畅。

八、类似网站

• Fontanello：另一种便捷的浏览器扩展，右键菜单即可快速查看选中文字的字体详情。
• WhatFont 扩展：经典的 Chrome 浏览器字体检测扩展，鼠标悬停即可显示字体名。
• CSS Peeper：设计师专用的样式提取扩展，可批量查看页面所有字体使用情况。