用字体风格定义布局的区域性格，网页布局的不同分区、导航栏、内容区、交互区有不同功能，字体风格需与分区功能绑定，让布
局的功能性通过字体直观传递。
导航栏用紧凑醒目的字体，思源黑体字号14-15px，字间距缩小1-2px适配横向排列的空间限制，同时传递高效引导的功能属性，按
钮CTA区用粗字重稍大字号，比正文大1-2px字体风格锐利，配合背景色对比在布局中突出按钮的可点击性。
品牌标识区用品牌专属字体，布局左上角或中心位置占据固定空间，通过字体的独特性强化品牌记忆，与其他区域形成风格区隔，
教育类网站的课程报名按钮，用16px字体思源黑体搭配橙色背景，在布局中放在课程介绍下方的独立区块，字体的力量感与按钮的
转化功能高度契合。
用字体适配布局的响应式变化响应式布局需要字体，随屏幕尺寸动态调整让字体成为布局适配，弹性元素而非固定不变的硬伤，移
动端适配布局从多栏变为单栏时，字体需同步调整标题字号从PC端36px减至24px避免超出屏幕，正文字号保持14-15px确保小屏可
读性，按钮文字用15px适配触摸点击的视觉需求。
平板端适配布局为双栏时，字体大小介于PC和移动端之间，同时调整字间距正文增加0.5px间距，适配平板的中等屏幕密度PC端适
配，宽屏布局下可适当减小字重，标题用替代增加行高正文行高1.6倍，避免大空间下字体显得拥挤压迫。
