将所有 Roboto 实例替换为 Roboto Flex。量身定制针对手表和 Material 3 富有表现力的设计语言进行了优化的基准字体比例。
使用可变轴、可变宽度和粗细来管理大显示屏和标题文本的样式,以提升样式,并为较小的尺寸带来更实用和易读的效果。
Roboto Flex
Roboto Flex 提供了一组可变轴,可满足应用的使用情形。
可调节的坐标轴
虽然可变字体可以具有许多可变字体属性来进行表达,但有两个可自定义的样式属性(或轴)最适合产品设计:粗细和宽度。
体重
Weight 是主要属性,用于定义任何给定字体中字体的笔画的总体粗细。最常见的粗细为常规和粗体,但粗细可以从极轻到极重。如果字体是可变的,则可提供完整且连续的笔画粗细范围,使粗细数实际上不受限制。
注意事项

注意
请注意不要为正文使用过于轻薄的字体类型。 分辨率较低的显示屏可能无法显示精致的排版,尤其是较小的排版。使用较大的字号(例如显示字体)时,请使用较细的字体粗细。

注意
相反,在较小的尺寸下,过重的粗细可能会影响可辨性。字体过粗可能会难以阅读。
宽度
Width 是字体的字符占用了多少水平空间的结果。宽度较窄时,每行可容纳更多字符,而宽度较宽时,可能更具个性。
注意事项

正确做法
宽度越窄,在小尺寸下就越能容纳更多字符,例如名称或长数字。

错误做法
由于宽度较大的样式会占用更多空间,因此请避免在空间有限的区域(例如应用页面标题)中使用此类样式。