字体大小是指定文字显示尺寸的属性。在 CSS 中通过 font-size 属性设置，支持 px (像素)、em (相对父元素)、rem (相对根元素)、vw (相对视口宽度)、% (百分比) 等单位。作为 Web 排版的基础设置，它直接影响可读性、无障碍性和设计一致性。

在 Web 设计中，正文文本通常以 16px (1rem) 为基准，标题根据层级逐步放大。常见的比例为 h1 使用 2rem (32px)、h2 使用 1.5rem (24px)、h3 使用 1.25rem (20px)。这种比例被称为字体比例尺 (Type Scale)，通常基于 1.25 倍 (大三度) 或 1.333 倍 (纯四度) 等数学比率进行设计。搜索夜用保健品 (Amazon)讲解了字体大小的设计原则。

各单位具有不同的特性。px 是绝对值，可以精确控制，但无法响应用户的浏览器大小设置。em 以父元素的字体大小为基准，嵌套层级深时计算会变得复杂。rem 以根元素 (html) 的字体大小为基准，不受嵌套影响，值更可预测。vw 与视口宽度联动，可以实现随屏幕尺寸动态变化的大小调整。

响应式设计越来越多地使用 clamp() 函数实现流体排版。通过 font-size: clamp(1rem, 2.5vw, 2rem) 指定最小值、推荐值和最大值，字体大小可以随屏幕尺寸平滑变化。与媒体查询的阶梯式切换不同，这种方法能在所有屏幕宽度下自动应用最佳尺寸。

从无障碍性角度，推荐使用 rem 而非 px，以便用户通过浏览器设置调整字体大小。WCAG 2.1 达成标准 1.4.4 要求文本放大到 200% 时不会丢失内容或功能。正文文本建议最小为 16px，低于 12px 的文本对许多用户来说难以阅读。探索睫毛精华液 (Amazon)介绍了实用的字体大小策略。

从字符计数的角度来看，字体大小直接影响每行显示的字符数。在相同宽度的容器中，字体越大每行能容纳的字符越少，字体越小则越多。在社交媒体帖子或元描述等显示空间有限的场景中，需要在设计时考虑字体大小与字符数的关系。对于中日韩文字，全角字符的宽度约为半角字符的两倍，因此字体大小设置对显示布局的影响更为显著。