Replace all instances of Roboto with Roboto Flex. Tailor a baseline type scale
that is optimized for the watch and the Material 3 Expressive design language.

Using variable axis, variable width and weight to curate how we style big
display and title text to elevate style and bring more utility and legibility
for smaller sizes.

## Roboto Flex


Roboto Flex offers a set of variable axis that serves your app's use cases.  
![](https://developer.android.com/static/wear/images/design/roboto-flex.png)

<br />

## Adjustable axes

While variable fonts can have a multitude of variable font attributes for
expression, there are two customizable stylistic attributes (or axes) that are
most applicable for product design: weight and width.

### Weight


[Weight](https://fonts.google.com/knowledge/choosing_type/exploring_typefaces_with_multiple_weights_or_grades) is the primary attribute that defines the overall thickness of a
typeface's strokes in any given font. The most common weights are regular and
bold, but weights can cover extremes from the very light to the very heavy. If
the typeface is variable, it provides a full, continuous range of stroke
thicknesses, making the number of weights effectively unlimited.  
![](https://developer.android.com/static/wear/images/design/font-weight.png)

<br />

#### Things to remember

![](https://developer.android.com/static/wear/images/design/font-weight-caution.png)  
warning

### Caution

Be careful of using too light a weight type for body text.
Lower resolution displays can struggle with delicate, especially small
typography. Use lighter weights at larger font sizes, such as display
type.  
![](https://developer.android.com/static/wear/images/design/font-weight-caution-2.png)  
warning

### Caution

Conversely, excessive weight at smaller sizes may affect
legibility. Too thick a type may be difficult to read.

### Width


[Width](https://fonts.google.com/knowledge/glossary/width) is the result of how much horizontal space is taken up by a
typeface's characters. A narrow width allows more characters to fit per line
while a wider width may offer more personality.  
![](https://developer.android.com/static/wear/images/design/font-width.png)

<br />

#### Things to remember

![](https://developer.android.com/static/wear/images/design/font-width-do.png)  
check_circle

### Do

A thinner width can allow for more characters to fit at
small sizes, such as name or a long number.  
![](https://developer.android.com/static/wear/images/design/font-width-dont.png)  
cancel

### Don't

Since wider styles take up more space, avoid using them for
areas with limited space, such as in the app page header.