HTML字体大小设置：网页排版的实用技巧
做网页时，字体大小直接影响阅读体验。比如你写了个博客页面，标题太小看不清，正文太大又显得臃肿，这时候就得靠合理的字体设置来调整。
在HTML中，虽然可以直接用<font size>标签来改字体大小，但这种方式早就过时了，现代开发都推荐用CSS来控制。
用内联样式快速设置
最直接的方式是在标签里加style属性。比如你想让一段文字大一点，可以这样写：
<p style="font-size: 18px;">这是一段较大的文字</p>这里的18px表示像素值，数值越大字越大。适合临时调整某个特定元素的显示效果。
使用CSS类统一管理
如果多个地方要用相同字号，比如所有标题都用16px，那就该用class来统一控制。
<style>
.text-small { font-size: 14px; }
.text-large { font-size: 20px; }
</style>
<p class="text-small">小号文字</p>
<p class="text-large">大号文字</p>这样改起来也方便，只要调整CSS里的数值，全站对应类的文字都会跟着变。
响应式设计中的相对单位
现在网页要在手机、平板、电脑上都能看，用固定像素(px)就不够灵活了。可以用em或rem这类相对单位。
比如用rem时，字体大小是相对于根元素（html）的字号来计算的。设置html的font-size为10px，那么1rem就是10px，2rem就是20px。
<style>
html { font-size: 10px; }
h1 { font-size: 2.4rem; } /* 实际为24px */
p { font-size: 1.4rem; } /* 实际为14px */
</style>这样在不同设备上缩放更自然，适配性更好。
常见字体大小参考
实际开发中，有些经验值可以参考：
- 正文一般用14px到16px，读起来最舒服
- 标题H1通常在24px到32px之间
- 辅助说明文字可以用12px
当然也要看字体类型和页面整体风格，不能死记硬背。
通过浏览器调试实时查看
写完代码后，打开浏览器右键“检查”，点中文字元素，在样式面板里直接修改font-size，能马上看到效果。这个方法特别适合边调边看，直到视觉效果满意为止。
字体大小不是一次定终身，多试试不同的值，找到最适合当前页面的那个。