免费工具
简体中文
字体 · CSS · 生成器
字体 · CSS · 生成器. 输入项: 名称, URL, 模式, 重量. 输入数值并运行。可通过示例了解格式，然后复制或保存结果。
无需账号
正在加载工具…
使用方法
- 1输入项: 名称, URL, 模式, 重量.
- 2运行工具并查看结果。
- 3复制结果，或更改输入进行比较。
使用提示
先通过示例检查输出格式。保留原始内容，核对转换值、空格和换行后再使用结果。
广告可能处理连接数据，个性化遵循您的隐私选择。 隐私说明（英语）
实际输入与输出示例
以下结果由此工具的实际引擎使用示例值计算，不使用个人输入或已保存工作。可在工具中载入示例查看相同输入。
示例输入
| 字段 | 值 |
|---|---|
| 名称 | My Font |
| URL | /fonts/font.woff2 |
| 模式 | WOFF2 |
| 重量 | 400 |
示例结果
@font-face {
font-family: "My Font";
src: url("/fonts/font.woff2") format("woff2");
font-weight: 400;
font-display: swap;
}输入条件
以下为实际输入验证范围，并不保证所有允许值都符合现实或适用于您的情况。
- 模式: 可选值: WOFF2 / WOFF
- 重量: 允许范围: 1 ≤ x ≤ 1,000 · 仅整数