Hi, I want to define a custom `Typography` where t...

# compose-android

[vanshg]

Hi, I want to define a custom Typography where the only change I want to make different from default is a different Font Family. I'm currently achieving this by copying each text style within MaterialTheme.typopography -- is this the best way to do it? Is there something more concise instead?

val MyCustomFontTypography: Typography
    @Composable get() = Typography(
        displayLarge = MaterialTheme.typography.displayLarge.copy(fontFamily = epilogue),
        displayMedium = MaterialTheme.typography.displayMedium.copy(fontFamily = epilogue),
        displaySmall = MaterialTheme.typography.displaySmall.copy(fontFamily = epilogue),
        headlineLarge = MaterialTheme.typography.headlineLarge.copy(fontFamily = epilogue),
        headlineMedium = MaterialTheme.typography.headlineMedium.copy(fontFamily = epilogue),
        headlineSmall = MaterialTheme.typography.headlineSmall.copy(fontFamily = epilogue),
        titleLarge = MaterialTheme.typography.titleLarge.copy(fontFamily = epilogue),
        titleMedium = MaterialTheme.typography.titleMedium.copy(fontFamily = epilogue),
        titleSmall = MaterialTheme.typography.titleSmall.copy(fontFamily = epilogue),
        bodyLarge = MaterialTheme.typography.bodyLarge.copy(fontFamily = epilogue),
        bodyMedium = MaterialTheme.typography.bodyMedium.copy(fontFamily = epilogue),
        bodySmall = MaterialTheme.typography.bodySmall.copy(fontFamily = epilogue),
        labelLarge = MaterialTheme.typography.labelLarge.copy(fontFamily = epilogue),
        labelMedium = MaterialTheme.typography.labelMedium.copy(fontFamily = epilogue),
        labelSmall = MaterialTheme.typography.labelSmall.copy(fontFamily = epilogue),
    )

[yschimke]

I've written this code before, so I think it's close. My only suggestion is a Typography.copy(TextStyle.() -> TextStyle) extension method that applies to all styles in one place so you only need to write it once.

[Albert Chang]

It doesn't have to be a composable function. You can just use:

Typography().run {
    Typography(
        displayLarge = displayLarge.copy(fontFamily = epilogue),
        ...
    )
}

[Simon Hardt]

maybe have a look at material's withDefaultFontFamily() in androidx.compose.material.Typography.kt - they do the same thing

[maiatoday]

There is a default font family in m2 but not in m3 afaik

[vanshg]

@Albert Chang Ah, that's a great suggestion