设计与 CSS · 本地运行

CSS 字体显示清单

在 font-face 规则中列出 font-display 策略，并标记省略的加载行为。

结果

准备就绪。您的工作数据保留在此浏览器中。

为什么这个工具有用

当您需要清点 font-face 规则中的 font-display 策略并标记省略的加载行为时，请使用 CSS Font Display Inventory。结果会立即显示，并且在您复用之前很容易验证。

输入 CSS Font Display Inventory 要求的数值。浏览器会验证输入，在本地执行计算，并生成可复制的结果以及清晰的错误提示。

一种实用的做法是先在小样本上运行 CSS Font Display Inventory，确认输出结果，然后再处理完整的值或列表。

计算是确定性的，并解释验证错误，而不是默默更改无效输入。

输入和输出保留在此标签页中。复制和下载通过浏览器API完成，无需上传到服务器。

每次运行都会报告其工具模式、时间戳以及输入/输出大小，以便对转换后的数据进行审计。