如何使用cdm主题创建自定义字体?
步骤:
- 创建一个名为
my-theme.json
的文件。 - 在
my-theme.json
中添加以下代码:
{
"name": "My Custom Font",
"family": "MyFont",
"weight": 400,
"style": "normal"
}
- 运行以下命令:
cdm theme create my-theme.json
- 使用
cdm theme use my-theme
命令来启用自定义字体。
注意:
-
my-theme.json
文件中的所有属性都是可选的。 -
name
属性指定字体名称。 -
family
属性指定字体家族名称。 -
weight
属性指定字体粗细。 -
style
属性指定字体风格。
示例:
{
"name": "My Custom Font",
"family": "MyFont",
"weight": 400,
"style": "normal"
}
这将创建一个名为 My Custom Font
的字体,其粗细为 400。
使用自定义字体
- 在你的 HTML 页面中使用
@font-face
指令定义自定义字体:
@font-face {
font-family: MyFont;
src: url('/path/to/my-font.woff2') format('woff2'),
url('/path/to/my-font.woff') format('woff');
font-weight: 400;
font-style: normal;
}
- 使用
font-family
属性指定自定义字体。