font-size-adjust 如何保持备用字体的视觉尺寸:从 x 高度到字体回退
当首选字体不可用而回退到备用字体时,文本的视觉大小可能突变。本文以中文网页的多字体回退栈为例,解释 font-size-adjust 如何通过调整字号使备用字体的 x 高度与首选字体一致,并分析其计算机制、对行高与布局的影响以及浏览器支持边界。
共 3 篇文章
当首选字体不可用而回退到备用字体时,文本的视觉大小可能突变。本文以中文网页的多字体回退栈为例,解释 font-size-adjust 如何通过调整字号使备用字体的 x 高度与首选字体一致,并分析其计算机制、对行高与布局的影响以及浏览器支持边界。
本文以博客文章正文排版为例,分析 text-wrap: pretty 如何通过调整段落末尾几行的换行位置来避免孤行、提升排版质量,并解释其与 text-wrap: balance 的差异、对布局计算次数的影响,以及适用场景和性能权衡。
本文以标题排版场景为例,分析 text-wrap: balance 如何让浏览器平衡多行文本的宽度,解释其基于最大宽度迭代的布局计算机制,对比手动换行或 JS 测量方案,并说明 balance 的适用边界(短文本)、性能开销(布局次数增加)及与 pretty 的差异。