本地字体查看器

使用 Local Font Access API 浏览并预览设备上的字体

字体库

使用 Local Font Access API 浏览并预览设备上的字体

样式
排序

按字体族分组

加载本地字体

使用 Local Font Access API 浏览并预览设备上的字体

预览

编辑示例文本,并在浅色或深色背景上检查所选字体

预览

请选择一个字体进行预览

字体详情

查看字体元数据,并复制可直接使用的 CSS 声明

字体详情

请选择一个字体进行预览

什么是 Local Font Access?

Local Font Access 是浏览器 API,用于列出设备上安装的字体

这个工具可以搜索结果、比较相关字重与字样,并为你选中的字体复制 CSS 代码片段

它仅在安全上下文和受支持的浏览器中可用,并需要用户权限(local-fonts)

API 返回的 FontData 包含 family、fullName、postscriptName、style 等信息

关键说明

  • 用它确认当前设备上 CSS font-family 栈需要使用的准确名称
  • 调用必须由用户交互触发
  • Permissions Policy 可能会阻止访问
  • 本工具在本地运行,不会上传字体

使用方法

授予浏览器权限,搜索字体并复制 CSS