1
system: {
2
    id: "system",
3
    name: "系统字体",
4
    src: "", // 系统字体无需 src
5
    family: "system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, sans-serif",
6
},

1
"zen-maru-gothic": {
2
    id: "zen-maru-gothic",
3
    name: "Zen Maru Gothic",
4
    src: "https://fonts.googleapis.com/css2?family=Zen+Maru+Gothic:wght@300;400;500;700;900&display=swap",
5
    family: "Zen Maru Gothic",
6
    display: "swap" as const,
7
},

1
inter: {
2
    id: "inter",
3
    name: "Inter",
4
    src: "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap",
5
    family: "Inter",
6
    display: "swap" as const,
7
},

1
// 启用自定义字体
2
enable: true,

1
// 选择单个字体
2
selected: ["inter"],
3

4
// 选择多个字体（按顺序 fallback）
5
selected: ["misans-regular", "inter"],

1
"my-font": {
2
    id: "my-font",
3
    name: "我的字体",
4
    src: "https://fonts.googleapis.com/css2?family=字体名称:wght@300;400;500;600;700&display=swap",
5
    family: "字体名称",
6
    display: "swap" as const,
7
},

1
"local-font": {
2
    id: "local-font",
3
    name: "本地字体",
4
    src: "/fonts/my-font.woff2",
5
    family: "本地字体名称",
6
    weight: 400,
7
    display: "swap" as const,
8
},

1
// 启用字体预加载
2
preload: true,

1
:root {
2
    --font-size-base: 16px;
3
    --font-size-small: 14px;
4
    --font-size-large: 18px;
5
    --line-height-base: 1.6;
6
}

1
/* 移动端 */
2
@media (max-width: 768px) {
3
    :root {
4
        --font-size-base: 14px;
5
    }
6
}
7

8
/* 桌面端 */
9
@media (min-width: 1200px) {
10
    :root {
11
        --font-size-base: 17px;
12
    }
13
}