🌈 Create new beautiful Compose Gradients with our new wesite ->
Class

Typography

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

Source set: Common
public class Typography(
    public val displayLarge: TextStyle = typographyTokens.DisplayLarge,
    public val displayMedium: TextStyle = typographyTokens.DisplayMedium,
    public val displaySmall: TextStyle = typographyTokens.DisplaySmall,
    public val headlineLarge: TextStyle = typographyTokens.HeadlineLarge,
    public val headlineMedium: TextStyle = typographyTokens.HeadlineMedium,
    public val headlineSmall: TextStyle = typographyTokens.HeadlineSmall,
    public val titleLarge: TextStyle = typographyTokens.TitleLarge,
    public val titleMedium: TextStyle = typographyTokens.TitleMedium,
    public val titleSmall: TextStyle = typographyTokens.TitleSmall,
    public val bodyLarge: TextStyle = typographyTokens.BodyLarge,
    public val bodyMedium: TextStyle = typographyTokens.BodyMedium,
    public val bodySmall: TextStyle = typographyTokens.BodySmall,
    public val labelLarge: TextStyle = typographyTokens.LabelLarge,
    public val labelMedium: TextStyle = typographyTokens.LabelMedium,
    public val 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,
)

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.

For a standard typography use case:

If you wish to set a default FontFamily for all TextStyles in this Typography:

Properties

displayLargeEmphasized

Source set: Common
public val displayLargeEmphasized: TextStyle = displayLargeEmphasized

an emphasized version of displayLarge.

displayMediumEmphasized

Source set: Common
public val displayMediumEmphasized: TextStyle = displayMediumEmphasized

an emphasized version of displayMedium.

displaySmallEmphasized

Source set: Common
public val displaySmallEmphasized: TextStyle = displaySmallEmphasized

an emphasized version of displaySmall.

headlineLargeEmphasized

Source set: Common
public val headlineLargeEmphasized: TextStyle = headlineLargeEmphasized

an emphasized version of headlineLarge.

headlineMediumEmphasized

Source set: Common
public val headlineMediumEmphasized: TextStyle = headlineMediumEmphasized

an emphasized version of headlineMedium.

headlineSmallEmphasized

Source set: Common
public val headlineSmallEmphasized: TextStyle = headlineSmallEmphasized

an emphasized version of headlineSmall.

titleLargeEmphasized

Source set: Common
public val titleLargeEmphasized: TextStyle = titleLargeEmphasized

an emphasized version of titleLarge.

titleMediumEmphasized

Source set: Common
public val titleMediumEmphasized: TextStyle = titleMediumEmphasized

an emphasized version of titleMedium.

titleSmallEmphasized

Source set: Common
public val titleSmallEmphasized: TextStyle = titleSmallEmphasized

an emphasized version of titleSmall.

bodyLargeEmphasized

Source set: Common
public val bodyLargeEmphasized: TextStyle = bodyLargeEmphasized

an emphasized version of bodyLarge.

bodyMediumEmphasized

Source set: Common
public val bodyMediumEmphasized: TextStyle = bodyMediumEmphasized

an emphasized version of bodyMedium.

bodySmallEmphasized

Source set: Common
public val bodySmallEmphasized: TextStyle = bodySmallEmphasized

an emphasized version of bodySmall.

labelLargeEmphasized

Source set: Common
public val labelLargeEmphasized: TextStyle = labelLargeEmphasized

an emphasized version of labelLarge.

labelMediumEmphasized

Source set: Common
public val labelMediumEmphasized: TextStyle = labelMediumEmphasized

an emphasized version of labelMedium.

labelSmallEmphasized

Source set: Common
public val labelSmallEmphasized: TextStyle = labelSmallEmphasized

an emphasized version of labelSmall.

Functions

copy

Source set: Common
public 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.

copy

Source set: Common
public 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.

equals

Source set: Common
override fun equals(other: Any?): Boolean

hashCode

Source set: Common
override fun hashCode(): Int

toString

Source set: Common
override fun toString(): String

Content updated: