如何在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
相关产品推荐
相关产品推荐

