在 Jetpack Compose Glimmer 中，Text 组件可让您设置各种文本属性，例如颜色、字号、字体样式、字体粗细、字体系列、字间距和文本对齐方式。
Jetpack Compose Glimmer Text 的独特之处在于，它可以智能管理颜色匹配。例如，如果未指定颜色替换，文本默认采用其所在最近 surface 提供的颜色。
示例：在方框中创建文字标题
@Composable
fun TextSample() {
Text(
text = "This is a sample heading",
style = GlimmerTheme.typography.titleLarge )
}
代码要点
- 由于未指定颜色，此文本会查看最近的 Surface 以选择最易读的颜色（通常为白色）。
大小
Jetpack Compose Glimmer 中的字号比例明显大于标准移动 Material Design。TitleLarge 和 BodyLarge 等样式均为 30.sp，而字幕为 18.sp：
| 样式 | 大小 (sp) | 重量 | 行高 |
|---|---|---|---|
titleLarge |
30 |
750 |
36.sp |
titleMedium |
24 |
750 |
28.sp |
titleSmall |
20 |
750 |
28.sp |
bodyLarge |
30 |
520 |
36.sp |
bodyMedium |
24 |
520 |
36.sp |
bodySmall |
20 |
520 |
28.sp |
caption |
18 |
650 |
24.sp |
使用 Google Sans Flex
Google Sans Flex 是一种专门为 AI 眼镜选择的可变字体，作为 Jetpack Compose Glimmer 的一部分提供。该字体的圆角和可调整轴可实现理想的光学尺寸，确保文本清晰易读。如果可能，为了提高用户在应用和系统之间的一致性，请对显示眼镜上显示的所有文本使用 Google Sans Flex。
如需使用 Google Sans Flex，请将 glimmer-google-fonts 库添加到应用的依赖项中，然后将字体全局应用于 GlimmerTheme：
@Composable fun GoogleSansFlexTypographySample() { val typography = createGoogleSansFlexTypography() GlimmerTheme(typography = typography) { Text("Hello World", style = GlimmerTheme.typography.titleLarge) } }