右键单击任何文本以识别其字体,查看实际呈现的内容,然后一键复制 CSS。
字体选择器会告诉您网络上的任何文本的设置。右键单击它,选择“字体详细信息”,您将获得字体系列、大小、粗细、行高和颜色,以及可以直接复制到样式表中的 CSS 片段。
没有开发工具。无需挖掘样式表。无需猜测。
🔎 你得到什么
• 字体系列、大小、粗细、行高和颜色,从实时计算样式中读取
• 实际渲染的字体,而不仅仅是 CSS 要求的字体
• 准备粘贴的 CSS 片段,一键复制
• 标题、正文和标题大小的字体实时预览
• 在 iframe、嵌入和影子 DOM 组件内工作
👀 查看实际渲染的内容
一个字体堆栈可以命名十几个系列。您的浏览器使用它实际可以加载的第一个字体,因此当网络字体失败时,页面会悄悄地退回到其他内容,并且 CSS 仍然会显示其他内容。
字体选择器向您显示:CSS 声明的完整堆栈,以及您的浏览器真正使用的系列。当它们不同时,它会这样说。这就是“CSS 说中本聪”和“此页面在系统 UI 中呈现,因为中本聪从未加载”之间的区别。
🧩 专为真实页面打造
• 右键单击嵌入视频、评论小部件或代码预览中的文本,您将获得该框架的字体,而不是外部页面的字体
• 读取将文本保存在影子根中的 Web 组件
• 当您单击空背景时通知您,而不是报告无意义的浏览器默认值
🔒 隐私
字体选择器不收集任何内容,也不发送任何内容。没有帐户,没有分析,没有跟踪,也没有服务器。一切都发生在您的浏览器本地。
免费,自 2016 年起一直免费。





