调整字体大小

VertiTab 的自定义主题功能提供两种方式来调整字体大小，您可以根据需要选择合适的方法。

方式一：字体排版配置 - 全局设置

访问路径

1. 打开 VertiTab 设置页面
2. 点击侧边栏的"自定义主题"菜单
3. 选择要编辑的主题，点击"编辑"
4. 点击"📝 字体排版"标签页

全局字体设置

在"全局设置"部分：

• 基础字体大小：通过滑条调节 10-24px，改变此值会同步调整所有文字变体
• 字体族：选择预设字体或输入自定义字体族

独立文字变体设置

可以单独调整 10 种文字变体：

标题变体

• H1-H6：各级标题的字体大小（0.5-3rem）

正文变体

• Body1：主要正文字体
• Body2：次要正文字体
• Button：按钮文字
• Caption：说明文字

其他属性

• 行高：1-3 倍行高调节
• 字体粗细：100-900
• 文字转换：无、大写、小写、首字母大写

方式二：组件自定义 - HTML 字体大小

访问路径

1. 在主题编辑器中，点击"🧩 组件自定义"标签页
2. 找到"CssBaseline"配置卡片，点击展开
3. 在"HTML 元素样式"部分

HTML 字体大小设置

• 调节范围：12-20px
• 作用效果：影响整个页面的基础字体大小
• 实时预览：滑条调节时可立即看到效果

两种方式的区别

方式	作用范围	特点
字体排版配置	特定文字变体	精细控制每种文字类型
HTML 字体大小	全局基础大小	影响整体字体基线

使用建议

1. 先调整 HTML 字体大小：设定合适的基础大小
2. 再调整字体排版：精细调整各种文字变体
3. 保持视觉层级：确保标题比正文大，形成清晰层级
4. 测试不同场景：在各种界面元素中验证效果

保存设置

所有调整会实时预览，点击主题编辑器的"保存"按钮保存更改。