You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何在Jetpack Compose的指定Text组件中使用Inter字体样式

在Jetpack Compose的指定Text组件中使用Inter字体样式

首先要纠正你代码里的错误:FontStyle 枚举只有 Normal 和 Italic 两个选项,并没有 Inter——Inter是一款独立字体,需要正确导入后通过FontFamily来引用,以下是完整实现步骤:

步骤1:添加Inter字体文件到项目

  • 在项目的 src/main/res 目录下创建 font 文件夹
  • 下载Inter字体的对应字重文件(比如Inter-Regular.ttf、Inter-Medium.ttf等),放入font文件夹

步骤2:定义Inter字体家族

在Compose中创建自定义的FontFamily,关联导入的字体文件:

val interFontFamily = FontFamily(
    Font(R.font.inter_regular, FontWeight.Normal),
    Font(R.font.inter_medium, FontWeight.Medium),
    // 可按需添加更多字重文件,如Bold、SemiBold等
)

步骤3:在指定Text组件中应用Inter字体

将定义好的interFontFamily赋值给TextStyle的fontFamily参数,同时匹配对应的字重:

Text(
    text = "需要使用Inter字体的文本",
    style = TextStyle(
        fontSize = 14.sp,
        lineHeight = 20.sp,
        fontFamily = interFontFamily, // 应用Inter字体家族
        fontWeight = FontWeight(500), // 对应Inter-Medium字重
        fontStyle = FontStyle.Normal, // 设置字体样式(正常/斜体)
        textAlign = TextAlign.Center,
        letterSpacing = 0.1.sp
    )
)

注意事项

  • 确保字体文件名称与代码中引用的资源名一致(比如文件inter_medium.ttf对应R.font.inter_medium)
  • 若需使用不同字重,必须添加对应的字体文件并在FontFamily中注册

内容的提问来源于stack exchange,提问作者Slava

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.06.28 07:25:57