The Material Design type scale includes a range of contrasting styles that support the needs of your product and its content.

Use typography to make writing legible and beautiful. Material's default type scale includes contrasting and flexible styles to support a wide range of use cases.

The type scale is a combination of thirteen styles that are supported by the type system. It contains reusable categories of text, each with an intended application and meaning.

The emphasized versions of the baseline styles add dynamism and personality to the baseline styles. It can be used to further stylize select pieces of text. The emphasized states have pragmatic uses, such as creating clearer division of content and drawing users' eyes to relevant material.

To learn more about typography, see Material Design typography.

Summary

Public constructors

Typography(
    displayLarge: TextStyle,
    displayMedium: TextStyle,
    displaySmall: TextStyle,
    headlineLarge: TextStyle,
    headlineMedium: TextStyle,
    headlineSmall: TextStyle,
    titleLarge: TextStyle,
    titleMedium: TextStyle,
    titleSmall: TextStyle,
    bodyLarge: TextStyle,
    bodyMedium: TextStyle,
    bodySmall: TextStyle,
    labelLarge: TextStyle,
    labelMedium: TextStyle,
    labelSmall: TextStyle
)

The Material Design type scale includes a range of contrasting styles that support the needs of your product and its content.

Cmn
Typography(
    displayLarge: TextStyle,
    displayMedium: TextStyle,
    displaySmall: TextStyle,
    headlineLarge: TextStyle,
    headlineMedium: TextStyle,
    headlineSmall: TextStyle,
    titleLarge: TextStyle,
    titleMedium: TextStyle,
    titleSmall: TextStyle,
    bodyLarge: TextStyle,
    bodyMedium: TextStyle,
    bodySmall: TextStyle,
    labelLarge: TextStyle,
    labelMedium: TextStyle,
    labelSmall: TextStyle,
    displayLargeEmphasized: TextStyle,
    displayMediumEmphasized: TextStyle,
    displaySmallEmphasized: TextStyle,
    headlineLargeEmphasized: TextStyle,
    headlineMediumEmphasized: TextStyle,
    headlineSmallEmphasized: TextStyle,
    titleLargeEmphasized: TextStyle,
    titleMediumEmphasized: TextStyle,
    titleSmallEmphasized: TextStyle,
    bodyLargeEmphasized: TextStyle,
    bodyMediumEmphasized: TextStyle,
    bodySmallEmphasized: TextStyle,
    labelLargeEmphasized: TextStyle,
    labelMediumEmphasized: TextStyle,
    labelSmallEmphasized: TextStyle
)
Cmn
Typography(
    fontFamily: FontFamily,
    displayLarge: TextStyle?,
    displayMedium: TextStyle?,
    displaySmall: TextStyle?,
    headlineLarge: TextStyle?,
    headlineMedium: TextStyle?,
    headlineSmall: TextStyle?,
    titleLarge: TextStyle?,
    titleMedium: TextStyle?,
    titleSmall: TextStyle?,
    bodyLarge: TextStyle?,
    bodyMedium: TextStyle?,
    bodySmall: TextStyle?,
    labelLarge: TextStyle?,
    labelMedium: TextStyle?,
    labelSmall: TextStyle?,
    displayLargeEmphasized: TextStyle?,
    displayMediumEmphasized: TextStyle?,
    displaySmallEmphasized: TextStyle?,
    headlineLargeEmphasized: TextStyle?,
    headlineMediumEmphasized: TextStyle?,
    headlineSmallEmphasized: TextStyle?,
    titleLargeEmphasized: TextStyle?,
    titleMediumEmphasized: TextStyle?,
    titleSmallEmphasized: TextStyle?,
    bodyLargeEmphasized: TextStyle?,
    bodyMediumEmphasized: TextStyle?,
    bodySmallEmphasized: TextStyle?,
    labelLargeEmphasized: TextStyle?,
    labelMediumEmphasized: TextStyle?,
    labelSmallEmphasized: TextStyle?
)

The Material Design type scale includes a range of contrasting styles that support the needs of your product and its content.

Cmn

Public functions

Typography
copy(
    displayLarge: TextStyle,
    displayMedium: TextStyle,
    displaySmall: TextStyle,
    headlineLarge: TextStyle,
    headlineMedium: TextStyle,
    headlineSmall: TextStyle,
    titleLarge: TextStyle,
    titleMedium: TextStyle,
    titleSmall: TextStyle,
    bodyLarge: TextStyle,
    bodyMedium: TextStyle,
    bodySmall: TextStyle,
    labelLarge: TextStyle,
    labelMedium: TextStyle,
    labelSmall: TextStyle
)

Returns a copy of this Typography, optionally overriding some of the values.

Cmn
Typography
copy(
    displayLarge: TextStyle,
    displayMedium: TextStyle,
    displaySmall: TextStyle,
    headlineLarge: TextStyle,
    headlineMedium: TextStyle,
    headlineSmall: TextStyle,
    titleLarge: TextStyle,
    titleMedium: TextStyle,
    titleSmall: TextStyle,
    bodyLarge: TextStyle,
    bodyMedium: TextStyle,
    bodySmall: TextStyle,
    labelLarge: TextStyle,
    labelMedium: TextStyle,
    labelSmall: TextStyle,
    displayLargeEmphasized: TextStyle,
    displayMediumEmphasized: TextStyle,
    displaySmallEmphasized: TextStyle,
    headlineLargeEmphasized: TextStyle,
    headlineMediumEmphasized: TextStyle,
    headlineSmallEmphasized: TextStyle,
    titleLargeEmphasized: TextStyle,
    titleMediumEmphasized: TextStyle,
    titleSmallEmphasized: TextStyle,
    bodyLargeEmphasized: TextStyle,
    bodyMediumEmphasized: TextStyle,
    bodySmallEmphasized: TextStyle,
    labelLargeEmphasized: TextStyle,
    labelMediumEmphasized: TextStyle,
    labelSmallEmphasized: TextStyle
)

Returns a copy of this Typography, optionally overriding some of the values.

Cmn
open operator Boolean
equals(other: Any?)
Cmn
open Int
Cmn
open String
Cmn

Public properties

TextStyle

bodyLarge is the largest body, and is typically used for long-form writing as it works well for small text sizes.

Cmn
TextStyle

an emphasized version of bodyLarge.

Cmn
TextStyle

bodyMedium is the second largest body, and is typically used for long-form writing as it works well for small text sizes.

Cmn
TextStyle

an emphasized version of bodyMedium.

Cmn
TextStyle

bodySmall is the smallest body, and is typically used for long-form writing as it works well for small text sizes.

Cmn
TextStyle

an emphasized version of bodySmall.

Cmn
TextStyle

displayLarge is the largest display text.

Cmn
TextStyle

an emphasized version of displayLarge.

Cmn
TextStyle

displayMedium is the second largest display text.

Cmn
TextStyle

an emphasized version of displayMedium.

Cmn
TextStyle

displaySmall is the smallest display text.

Cmn
TextStyle

an emphasized version of displaySmall.

Cmn
TextStyle

headlineLarge is the largest headline, reserved for short, important text or numerals.

Cmn
TextStyle

an emphasized version of headlineLarge.

Cmn
TextStyle

headlineMedium is the second largest headline, reserved for short, important text or numerals.

Cmn
TextStyle

an emphasized version of headlineMedium.

Cmn
TextStyle

headlineSmall is the smallest headline, reserved for short, important text or numerals.

Cmn
TextStyle

an emphasized version of headlineSmall.

Cmn
TextStyle

labelLarge text is a call to action used in different types of buttons (such as text, outlined and contained buttons) and in tabs, dialogs, and cards.

Cmn
TextStyle

an emphasized version of labelLarge.

Cmn
TextStyle

labelMedium is one of the smallest font sizes.

Cmn
TextStyle

an emphasized version of labelMedium.

Cmn
TextStyle

labelSmall is one of the smallest font sizes.

Cmn
TextStyle

an emphasized version of labelSmall.

Cmn
TextStyle

titleLarge is the largest title, and is typically reserved for medium-emphasis text that is shorter in length.

Cmn
TextStyle

an emphasized version of titleLarge.

Cmn
TextStyle

titleMedium is the second largest title, and is typically reserved for medium-emphasis text that is shorter in length.

Cmn
TextStyle

an emphasized version of titleMedium.

Cmn
TextStyle

titleSmall is the smallest title, and is typically reserved for medium-emphasis text that is shorter in length.

Cmn
TextStyle

an emphasized version of titleSmall.

Cmn

Public constructors

Typography

Typography(
    displayLarge: TextStyle = typographyTokens.DisplayLarge,
    displayMedium: TextStyle = typographyTokens.DisplayMedium,
    displaySmall: TextStyle = typographyTokens.DisplaySmall,
    headlineLarge: TextStyle = typographyTokens.HeadlineLarge,
    headlineMedium: TextStyle = typographyTokens.HeadlineMedium,
    headlineSmall: TextStyle = typographyTokens.HeadlineSmall,
    titleLarge: TextStyle = typographyTokens.TitleLarge,
    titleMedium: TextStyle = typographyTokens.TitleMedium,
    titleSmall: TextStyle = typographyTokens.TitleSmall,
    bodyLarge: TextStyle = typographyTokens.BodyLarge,
    bodyMedium: TextStyle = typographyTokens.BodyMedium,
    bodySmall: TextStyle = typographyTokens.BodySmall,
    labelLarge: TextStyle = typographyTokens.LabelLarge,
    labelMedium: TextStyle = typographyTokens.LabelMedium,
    labelSmall: TextStyle = typographyTokens.LabelSmall
)

The Material Design type scale includes a range of contrasting styles that support the needs of your product and its content.

Use typography to make writing legible and beautiful. Material's default type scale includes contrasting and flexible styles to support a wide range of use cases.

The type scale is a combination of thirteen styles that are supported by the type system. It contains reusable categories of text, each with an intended application and meaning.

To learn more about typography, see Material Design typography.

Parameters
displayLarge: TextStyle = typographyTokens.DisplayLarge

displayLarge is the largest display text.

displayMedium: TextStyle = typographyTokens.DisplayMedium

displayMedium is the second largest display text.

displaySmall: TextStyle = typographyTokens.DisplaySmall

displaySmall is the smallest display text.

headlineLarge: TextStyle = typographyTokens.HeadlineLarge

headlineLarge is the largest headline, reserved for short, important text or numerals. For headlines, you can choose an expressive font, such as a display, handwritten, or script style. These unconventional font designs have details and intricacy that help attract the eye.

headlineMedium: TextStyle = typographyTokens.HeadlineMedium

headlineMedium is the second largest headline, reserved for short, important text or numerals. For headlines, you can choose an expressive font, such as a display, handwritten, or script style. These unconventional font designs have details and intricacy that help attract the eye.

headlineSmall: TextStyle = typographyTokens.HeadlineSmall

headlineSmall is the smallest headline, reserved for short, important text or numerals. For headlines, you can choose an expressive font, such as a display, handwritten, or script style. These unconventional font designs have details and intricacy that help attract the eye.

titleLarge: TextStyle = typographyTokens.TitleLarge

titleLarge is the largest title, and is typically reserved for medium-emphasis text that is shorter in length. Serif or sans serif typefaces work well for subtitles.

titleMedium: TextStyle = typographyTokens.TitleMedium

titleMedium is the second largest title, and is typically reserved for medium-emphasis text that is shorter in length. Serif or sans serif typefaces work well for subtitles.

titleSmall: TextStyle = typographyTokens.TitleSmall

titleSmall is the smallest title, and is typically reserved for medium-emphasis text that is shorter in length. Serif or sans serif typefaces work well for subtitles.

bodyLarge: TextStyle = typographyTokens.BodyLarge

bodyLarge is the largest body, and is typically used for long-form writing as it works well for small text sizes. For longer sections of text, a serif or sans serif typeface is recommended.

bodyMedium: TextStyle = typographyTokens.BodyMedium

bodyMedium is the second largest body, and is typically used for long-form writing as it works well for small text sizes. For longer sections of text, a serif or sans serif typeface is recommended.

bodySmall: TextStyle = typographyTokens.BodySmall

bodySmall is the smallest body, and is typically used for long-form writing as it works well for small text sizes. For longer sections of text, a serif or sans serif typeface is recommended.

labelLarge: TextStyle = typographyTokens.LabelLarge

labelLarge text is a call to action used in different types of buttons (such as text, outlined and contained buttons) and in tabs, dialogs, and cards. Button text is typically sans serif, using all caps text.

labelMedium: TextStyle = typographyTokens.LabelMedium

labelMedium is one of the smallest font sizes. It is used sparingly to annotate imagery or to introduce a headline.

labelSmall: TextStyle = typographyTokens.LabelSmall

labelSmall is one of the smallest font sizes. It is used sparingly to annotate imagery or to introduce a headline.

Typography

Typography(
    displayLarge: TextStyle = typographyTokens.DisplayLarge,
    displayMedium: TextStyle = typographyTokens.DisplayMedium,
    displaySmall: TextStyle = typographyTokens.DisplaySmall,
    headlineLarge: TextStyle = typographyTokens.HeadlineLarge,
    headlineMedium: TextStyle = typographyTokens.HeadlineMedium,
    headlineSmall: TextStyle = typographyTokens.HeadlineSmall,
    titleLarge: TextStyle = typographyTokens.TitleLarge,
    titleMedium: TextStyle = typographyTokens.TitleMedium,
    titleSmall: TextStyle = typographyTokens.TitleSmall,
    bodyLarge: TextStyle = typographyTokens.BodyLarge,
    bodyMedium: TextStyle = typographyTokens.BodyMedium,
    bodySmall: TextStyle = typographyTokens.BodySmall,
    labelLarge: TextStyle = typographyTokens.LabelLarge,
    labelMedium: TextStyle = typographyTokens.LabelMedium,
    labelSmall: TextStyle = typographyTokens.LabelSmall,
    displayLargeEmphasized: TextStyle = typographyTokens.DisplayLargeEmphasized,
    displayMediumEmphasized: TextStyle = typographyTokens.DisplayMediumEmphasized,
    displaySmallEmphasized: TextStyle = typographyTokens.DisplaySmallEmphasized,
    headlineLargeEmphasized: TextStyle = typographyTokens.HeadlineLargeEmphasized,
    headlineMediumEmphasized: TextStyle = typographyTokens.HeadlineMediumEmphasized,
    headlineSmallEmphasized: TextStyle = typographyTokens.HeadlineSmallEmphasized,
    titleLargeEmphasized: TextStyle = typographyTokens.TitleLargeEmphasized,
    titleMediumEmphasized: TextStyle = typographyTokens.TitleMediumEmphasized,
    titleSmallEmphasized: TextStyle = typographyTokens.TitleSmallEmphasized,
    bodyLargeEmphasized: TextStyle = typographyTokens.BodyLargeEmphasized,
    bodyMediumEmphasized: TextStyle = typographyTokens.BodyMediumEmphasized,
    bodySmallEmphasized: TextStyle = typographyTokens.BodySmallEmphasized,
    labelLargeEmphasized: TextStyle = typographyTokens.LabelLargeEmphasized,
    labelMediumEmphasized: TextStyle = typographyTokens.LabelMediumEmphasized,
    labelSmallEmphasized: TextStyle = typographyTokens.LabelSmallEmphasized
)

Typography

Typography(
    fontFamily: FontFamily,
    displayLarge: TextStyle? = null,
    displayMedium: TextStyle? = null,
    displaySmall: TextStyle? = null,
    headlineLarge: TextStyle? = null,
    headlineMedium: TextStyle? = null,
    headlineSmall: TextStyle? = null,
    titleLarge: TextStyle? = null,
    titleMedium: TextStyle? = null,
    titleSmall: TextStyle? = null,
    bodyLarge: TextStyle? = null,
    bodyMedium: TextStyle? = null,
    bodySmall: TextStyle? = null,
    labelLarge: TextStyle? = null,
    labelMedium: TextStyle? = null,
    labelSmall: TextStyle? = null,
    displayLargeEmphasized: TextStyle? = null,
    displayMediumEmphasized: TextStyle? = null,
    displaySmallEmphasized: TextStyle? = null,
    headlineLargeEmphasized: TextStyle? = null,
    headlineMediumEmphasized: TextStyle? = null,
    headlineSmallEmphasized: TextStyle? = null,
    titleLargeEmphasized: TextStyle? = null,
    titleMediumEmphasized: TextStyle? = null,
    titleSmallEmphasized: TextStyle? = null,
    bodyLargeEmphasized: TextStyle? = null,
    bodyMediumEmphasized: TextStyle? = null,
    bodySmallEmphasized: TextStyle? = null,
    labelLargeEmphasized: TextStyle? = null,
    labelMediumEmphasized: TextStyle? = null,
    labelSmallEmphasized: TextStyle? = null
)

The Material Design type scale includes a range of contrasting styles that support the needs of your product and its content.

Use typography to make writing legible and beautiful. Material's default type scale includes contrasting and flexible styles to support a wide range of use cases.

The type scale is a combination of thirteen styles that are supported by the type system. It contains reusable categories of text, each with an intended application and meaning.

To learn more about typography, see Material Design typography.

Parameters
fontFamily: FontFamily

the FontFamily to be used for the typography.

displayLarge: TextStyle? = null

displayLarge is the largest display text.

displayMedium: TextStyle? = null

displayMedium is the second largest display text.

displaySmall: TextStyle? = null

displaySmall is the smallest display text.

headlineLarge: TextStyle? = null

headlineLarge is the largest headline, reserved for short, important text or numerals. For headlines, you can choose an expressive font, such as a display, handwritten, or script style. These unconventional font designs have details and intricacy that help attract the eye.

headlineMedium: TextStyle? = null

headlineMedium is the second largest headline, reserved for short, important text or numerals. For headlines, you can choose an expressive font, such as a display, handwritten, or script style. These unconventional font designs have details and intricacy that help attract the eye.

headlineSmall: TextStyle? = null

headlineSmall is the smallest headline, reserved for short, important text or numerals. For headlines, you can choose an expressive font, such as a display, handwritten, or script style. These unconventional font designs have details and intricacy that help attract the eye.

titleLarge: TextStyle? = null

titleLarge is the largest title, and is typically reserved for medium-emphasis text that is shorter in length. Serif or sans serif typefaces work well for subtitles.

titleMedium: TextStyle? = null

titleMedium is the second largest title, and is typically reserved for medium-emphasis text that is shorter in length. Serif or sans serif typefaces work well for subtitles.

titleSmall: TextStyle? = null

titleSmall is the smallest title, and is typically reserved for medium-emphasis text that is shorter in length. Serif or sans serif typefaces work well for subtitles.

bodyLarge: TextStyle? = null

bodyLarge is the largest body, and is typically used for long-form writing as it works well for small text sizes. For longer sections of text, a serif or sans serif typeface is recommended.

bodyMedium: TextStyle? = null

bodyMedium is the second largest body, and is typically used for long-form writing as it works well for small text sizes. For longer sections of text, a serif or sans serif typeface is recommended.

bodySmall: TextStyle? = null

bodySmall is the smallest body, and is typically used for long-form writing as it works well for small text sizes. For longer sections of text, a serif or sans serif typeface is recommended.

labelLarge: TextStyle? = null

labelLarge text is a call to action used in different types of buttons (such as text, outlined and contained buttons) and in tabs, dialogs, and cards. Button text is typically sans serif, using all caps text.

labelMedium: TextStyle? = null

labelMedium is one of the smallest font sizes. It is used sparingly to annotate imagery or to introduce a headline.

labelSmall: TextStyle? = null

labelSmall is one of the smallest font sizes. It is used sparingly to annotate imagery or to introduce a headline.

displayLargeEmphasized: TextStyle? = null

an emphasized version of displayLarge.

displayMediumEmphasized: TextStyle? = null

an emphasized version of displayMedium.

displaySmallEmphasized: TextStyle? = null

an emphasized version of displaySmall.

headlineLargeEmphasized: TextStyle? = null

an emphasized version of headlineLarge.

headlineMediumEmphasized: TextStyle? = null

an emphasized version of headlineMedium.

headlineSmallEmphasized: TextStyle? = null

an emphasized version of headlineSmall.

titleLargeEmphasized: TextStyle? = null

an emphasized version of titleLarge.

titleMediumEmphasized: TextStyle? = null

an emphasized version of titleMedium.

titleSmallEmphasized: TextStyle? = null

an emphasized version of titleSmall.

bodyLargeEmphasized: TextStyle? = null

an emphasized version of bodyLarge.

bodyMediumEmphasized: TextStyle? = null

an emphasized version of bodyMedium.

bodySmallEmphasized: TextStyle? = null

an emphasized version of bodySmall.

labelLargeEmphasized: TextStyle? = null

an emphasized version of labelLarge.

labelMediumEmphasized: TextStyle? = null

an emphasized version of labelMedium.

labelSmallEmphasized: TextStyle? = null

an emphasized version of labelSmall.

Public functions

copy

fun copy(
    displayLarge: TextStyle = this.displayLarge,
    displayMedium: TextStyle = this.displayMedium,
    displaySmall: TextStyle = this.displaySmall,
    headlineLarge: TextStyle = this.headlineLarge,
    headlineMedium: TextStyle = this.headlineMedium,
    headlineSmall: TextStyle = this.headlineSmall,
    titleLarge: TextStyle = this.titleLarge,
    titleMedium: TextStyle = this.titleMedium,
    titleSmall: TextStyle = this.titleSmall,
    bodyLarge: TextStyle = this.bodyLarge,
    bodyMedium: TextStyle = this.bodyMedium,
    bodySmall: TextStyle = this.bodySmall,
    labelLarge: TextStyle = this.labelLarge,
    labelMedium: TextStyle = this.labelMedium,
    labelSmall: TextStyle = this.labelSmall
): Typography

Returns a copy of this Typography, optionally overriding some of the values.

copy

fun copy(
    displayLarge: TextStyle = this.displayLarge,
    displayMedium: TextStyle = this.displayMedium,
    displaySmall: TextStyle = this.displaySmall,
    headlineLarge: TextStyle = this.headlineLarge,
    headlineMedium: TextStyle = this.headlineMedium,
    headlineSmall: TextStyle = this.headlineSmall,
    titleLarge: TextStyle = this.titleLarge,
    titleMedium: TextStyle = this.titleMedium,
    titleSmall: TextStyle = this.titleSmall,
    bodyLarge: TextStyle = this.bodyLarge,
    bodyMedium: TextStyle = this.bodyMedium,
    bodySmall: TextStyle = this.bodySmall,
    labelLarge: TextStyle = this.labelLarge,
    labelMedium: TextStyle = this.labelMedium,
    labelSmall: TextStyle = this.labelSmall,
    displayLargeEmphasized: TextStyle = this.displayLargeEmphasized,
    displayMediumEmphasized: TextStyle = this.displayMediumEmphasized,
    displaySmallEmphasized: TextStyle = this.displaySmallEmphasized,
    headlineLargeEmphasized: TextStyle = this.headlineLargeEmphasized,
    headlineMediumEmphasized: TextStyle = this.headlineMediumEmphasized,
    headlineSmallEmphasized: TextStyle = this.headlineSmallEmphasized,
    titleLargeEmphasized: TextStyle = this.titleLargeEmphasized,
    titleMediumEmphasized: TextStyle = this.titleMediumEmphasized,
    titleSmallEmphasized: TextStyle = this.titleSmallEmphasized,
    bodyLargeEmphasized: TextStyle = this.bodyLargeEmphasized,
    bodyMediumEmphasized: TextStyle = this.bodyMediumEmphasized,
    bodySmallEmphasized: TextStyle = this.bodySmallEmphasized,
    labelLargeEmphasized: TextStyle = this.labelLargeEmphasized,
    labelMediumEmphasized: TextStyle = this.labelMediumEmphasized,
    labelSmallEmphasized: TextStyle = this.labelSmallEmphasized
): Typography

Returns a copy of this Typography, optionally overriding some of the values.

equals

open operator fun equals(other: Any?): Boolean

hashCode

open fun hashCode(): Int

toString

open fun toString(): String

Public properties

bodyLarge

val bodyLargeTextStyle

bodyLarge is the largest body, and is typically used for long-form writing as it works well for small text sizes. For longer sections of text, a serif or sans serif typeface is recommended.

bodyLargeEmphasized

val bodyLargeEmphasizedTextStyle

an emphasized version of bodyLarge.

bodyMedium

val bodyMediumTextStyle

bodyMedium is the second largest body, and is typically used for long-form writing as it works well for small text sizes. For longer sections of text, a serif or sans serif typeface is recommended.

bodyMediumEmphasized

val bodyMediumEmphasizedTextStyle

an emphasized version of bodyMedium.

bodySmall

val bodySmallTextStyle

bodySmall is the smallest body, and is typically used for long-form writing as it works well for small text sizes. For longer sections of text, a serif or sans serif typeface is recommended.

bodySmallEmphasized

val bodySmallEmphasizedTextStyle

an emphasized version of bodySmall.

displayLarge

val displayLargeTextStyle

displayLarge is the largest display text.

displayLargeEmphasized

val displayLargeEmphasizedTextStyle

an emphasized version of displayLarge.

displayMedium

val displayMediumTextStyle

displayMedium is the second largest display text.

displayMediumEmphasized

val displayMediumEmphasizedTextStyle

an emphasized version of displayMedium.

displaySmall

val displaySmallTextStyle

displaySmall is the smallest display text.

displaySmallEmphasized

val displaySmallEmphasizedTextStyle

an emphasized version of displaySmall.

headlineLarge

val headlineLargeTextStyle

headlineLarge is the largest headline, reserved for short, important text or numerals. For headlines, you can choose an expressive font, such as a display, handwritten, or script style. These unconventional font designs have details and intricacy that help attract the eye.

headlineLargeEmphasized

val headlineLargeEmphasizedTextStyle

an emphasized version of headlineLarge.

headlineMedium

val headlineMediumTextStyle

headlineMedium is the second largest headline, reserved for short, important text or numerals. For headlines, you can choose an expressive font, such as a display, handwritten, or script style. These unconventional font designs have details and intricacy that help attract the eye.

headlineMediumEmphasized

val headlineMediumEmphasizedTextStyle

an emphasized version of headlineMedium.

headlineSmall

val headlineSmallTextStyle

headlineSmall is the smallest headline, reserved for short, important text or numerals. For headlines, you can choose an expressive font, such as a display, handwritten, or script style. These unconventional font designs have details and intricacy that help attract the eye.

headlineSmallEmphasized

val headlineSmallEmphasizedTextStyle

an emphasized version of headlineSmall.

labelLarge

val labelLargeTextStyle

labelLarge text is a call to action used in different types of buttons (such as text, outlined and contained buttons) and in tabs, dialogs, and cards. Button text is typically sans serif, using all caps text.

labelLargeEmphasized

val labelLargeEmphasizedTextStyle

an emphasized version of labelLarge.

labelMedium

val labelMediumTextStyle

labelMedium is one of the smallest font sizes. It is used sparingly to annotate imagery or to introduce a headline.

labelMediumEmphasized

val labelMediumEmphasizedTextStyle

an emphasized version of labelMedium.

labelSmall

val labelSmallTextStyle

labelSmall is one of the smallest font sizes. It is used sparingly to annotate imagery or to introduce a headline.

labelSmallEmphasized

val labelSmallEmphasizedTextStyle

an emphasized version of labelSmall.

titleLarge

val titleLargeTextStyle

titleLarge is the largest title, and is typically reserved for medium-emphasis text that is shorter in length. Serif or sans serif typefaces work well for subtitles.

titleLargeEmphasized

val titleLargeEmphasizedTextStyle

an emphasized version of titleLarge.

titleMedium

val titleMediumTextStyle

titleMedium is the second largest title, and is typically reserved for medium-emphasis text that is shorter in length. Serif or sans serif typefaces work well for subtitles.

titleMediumEmphasized

val titleMediumEmphasizedTextStyle

an emphasized version of titleMedium.

titleSmall

val titleSmallTextStyle

titleSmall is the smallest title, and is typically reserved for medium-emphasis text that is shorter in length. Serif or sans serif typefaces work well for subtitles.

titleSmallEmphasized

val titleSmallEmphasizedTextStyle

an emphasized version of titleSmall.