Typography

Artifact: androidx.wear.compose:compose-material3

class Typography

Class holding typography definitions as defined by the Wear Material typography specification.

The text styles in this typography are scaled according to the user's preferred font size in the system settings. Larger font sizes can be fixed if necessary in order to avoid pressure on screen space, because they are already sufficiently accessible. Here is an example of fixing the font size for DisplayLarge:

import androidx.compose.ui.platform.LocalDensity
import androidx.compose.ui.unit.dp
import androidx.wear.compose.material3.MaterialTheme
import androidx.wear.compose.material3.Text

val typography =
    MaterialTheme.typography.copy(
        displayLarge =
            MaterialTheme.typography.displayLarge.copy(
                fontSize = with(LocalDensity.current) { 40.dp.toSp() }
            )
    )
MaterialTheme(typography = typography) {
    Text(
        text = "Fixed Font",
        maxLines = 1,
        style = MaterialTheme.typography.displayLarge,
        color = MaterialTheme.colorScheme.onBackground,
    )
}

Display styles are utilized for large, short strings of text used to display highly glanceable hero information, significant metrics, confidence or expressive brand moments.

Title styles are hierarchical text used as a mechanism for way-finding, like a page, section title, or sub-section title (in the case of Title Small).

Label styles are used for component level text that describes an action that would happen if interacted with. The most common and widely used application for label is for text nested within a button.

Body styles are reserved for content text like paragraphs of body copy, text used in complex data visualisation, time stamps and metadata.

Numeral text styles are used for numerical digits, usually limited to a few characters. These can take on more expressive properties at the larger display sizes. They give flexibility to expand width axis with minimal localization and font scaling concerns.

Arc text styles are used for curved text making up the signposting on the UI such as time text and curved labels, a tailored font axis that specifically optimizes type along a curve.

Summary

Public constructors
Typography( defaultFontFamily: FontFamily, arcLarge: TextStyle, arcMedium: TextStyle, arcSmall: TextStyle, displayLarge: TextStyle, displayMedium: TextStyle, displaySmall: TextStyle, titleLarge: TextStyle, titleMedium: TextStyle, titleSmall: TextStyle, labelLarge: TextStyle, labelMedium: TextStyle, labelSmall: TextStyle, bodyLarge: TextStyle, bodyMedium: TextStyle, bodySmall: TextStyle, bodyExtraSmall: TextStyle, numeralExtraLarge: TextStyle, numeralLarge: TextStyle, numeralMedium: TextStyle, numeralSmall: TextStyle, numeralExtraSmall: TextStyle )

Public constructors

Typography(
    defaultFontFamily: FontFamily,
    arcLarge: TextStyle,
    arcMedium: TextStyle,
    arcSmall: TextStyle,
    displayLarge: TextStyle,
    displayMedium: TextStyle,
    displaySmall: TextStyle,
    titleLarge: TextStyle,
    titleMedium: TextStyle,
    titleSmall: TextStyle,
    labelLarge: TextStyle,
    labelMedium: TextStyle,
    labelSmall: TextStyle,
    bodyLarge: TextStyle,
    bodyMedium: TextStyle,
    bodySmall: TextStyle,
    bodyExtraSmall: TextStyle,
    numeralExtraLarge: TextStyle,
    numeralLarge: TextStyle,
    numeralMedium: TextStyle,
    numeralSmall: TextStyle,
    numeralExtraSmall: TextStyle
)

Public functions
`Typography`	copy( arcLarge: TextStyle, arcMedium: TextStyle, arcSmall: TextStyle, displayLarge: TextStyle, displayMedium: TextStyle, displaySmall: TextStyle, titleLarge: TextStyle, titleMedium: TextStyle, titleSmall: TextStyle, labelLarge: TextStyle, labelMedium: TextStyle, labelSmall: TextStyle, bodyLarge: TextStyle, bodyMedium: TextStyle, bodySmall: TextStyle, bodyExtraSmall: TextStyle, numeralExtraLarge: TextStyle, numeralLarge: TextStyle, numeralMedium: TextStyle, numeralSmall: TextStyle, numeralExtraSmall: TextStyle ) Returns a copy of this Typography, optionally overriding some of the values.
`open operator Boolean`	`equals(other: Any?)`
`open Int`	`hashCode()`
`open String`	`toString()`

Public properties
`TextStyle`	`arcLarge` ArcLarge is for arc headers and titles.
`TextStyle`	`arcMedium` ArcMedium is for arc headers and titles.
`TextStyle`	`arcSmall` ArcSmall is for arc headers and titles.
`TextStyle`	`bodyExtraSmall` BodyExtraSmall is the smallest body.
`TextStyle`	`bodyLarge` BodyLarge is the largest body.
`TextStyle`	`bodyMedium` BodyMedium is second largest body.
`TextStyle`	`bodySmall` BodySmall is third largest body.
`TextStyle`	`displayLarge` DisplayLarge is the largest headline.
`TextStyle`	`displayMedium` DisplayMedium is the second largest headline.
`TextStyle`	`displaySmall` DisplaySmall is the smallest headline.
`TextStyle`	`labelLarge` LabelLarge is the largest label.
`TextStyle`	`labelMedium` LabelMedium is the medium label.
`TextStyle`	`labelSmall` LabelSmall is the small label.
`TextStyle`	`numeralExtraLarge` NumeralExtraLarge is the largest role for digits.
`TextStyle`	`numeralExtraSmall` NumeralExtraSmall is the smallest role for digits.
`TextStyle`	`numeralLarge` NumeralLarge is the second largest role for digits.
`TextStyle`	`numeralMedium` NumeralMedium is the third largest role for digits.
`TextStyle`	`numeralSmall` NumeralSmall is the fourth largest role for digits.
`TextStyle`	`titleLarge` TitleLarge is the largest title.
`TextStyle`	`titleMedium` TitleMedium is the medium title.
`TextStyle`	`titleSmall` TitleSmall is the smallest title.

Typography

Summary

Public constructors

Public functions

Public properties

Public constructors

Typography

Public functions

copy

equals

hashCode

toString

Public properties

arcLarge

arcMedium

arcSmall

bodyExtraSmall

bodyLarge

bodyMedium

bodySmall

displayLarge

displayMedium

displaySmall

labelLarge

labelMedium

labelSmall

numeralExtraLarge

numeralExtraSmall

numeralLarge

numeralMedium

numeralSmall

titleLarge

titleMedium

titleSmall