Jetpack Compose设置字体大小后行高异常，如何正确配置多行文本？

直接给Text组件设置fontSize会出现行高适配异常：大字号时行间距过窄、小字号时行间距相对过大；手动绑定lineHeight与fontSize又违背自动计算逻辑，以下是可行的解决方案：

1. 复用字体原生行高信息 #

多数自定义字体文件内置了不同字号对应的最优行高数据，加载字体时保留这些信息即可自动适配：

// 加载自定义字体
val customFont = Font(resId = R.font.your_font)
val customFontFamily = FontFamily(customFont)

// 定义排版样式
val customTypography = Typography(
    headlineLarge = TextStyle(
        fontFamily = customFontFamily,
        fontSize = 30.sp
    )
)

// 使用时
Text(
    text = "heading test ".repeat(20),
    style = MaterialTheme.typography.headlineLarge
)

这种方式完全遵循字体设计时的行高逻辑，无需手动计算。

2. 按字号区间动态计算行高 #

使用系统字体时，可根据字号范围设置不同的行高比例，兼顾可读性和自动适配：

@Composable
fun Heading(text: String, fontSize: TextUnit) {
    val lineHeight = when {
        fontSize > 60.sp -> fontSize * 1.1f // 大字号用紧凑比例，避免浪费空间
        fontSize < 12.sp -> fontSize * 1.4f // 小字号用宽松比例，保证阅读舒适度
        else -> fontSize * 1.2f // 常规字号用通用适配比例
    }
    Text(
        text = text,
        fontSize = fontSize,
        lineHeight = lineHeight
    )
}

比例值可根据实际字体和设计需求微调。

3. 使用Material Design预设排版样式 #

Material Design的Typography已经为不同字号预设了优化后的行高，直接复用即可：

Text(
    text = "heading test ".repeat(20),
    style = MaterialTheme.typography.headlineLarge
)

如果需要自定义样式，可扩展Typography来定义符合需求的字号和行高组合：

val customTypography = Typography(
    headlineLarge = TextStyle(
        fontSize = 30.sp,
        lineHeight = 36.sp, // 1.2倍行高，平衡可读性与紧凑度
        fontWeight = FontWeight.Bold
    )
)

避坑指南 #

• 不要设置lineHeight = TextUnit.Unspecified：这会触发组件默认的固定比例行高，无法解决极端字号的适配问题。
• 不要强制lineHeight = fontSize：这会导致带上下延伸的字体（如手写体、衬线体）被裁切，严重影响可读性。

内容的提问来源于stack exchange，提问作者HughHughTeotl