In Compose 1.6 resources library, how should we handle `Typography`? <https://www.jetbrains.com/hel...

# compose-desktop

[Stefan Oltmann]

In Compose 1.6 resources library, how should we handle Typography?

https://www.jetbrains.com/help/kotlin-multiplatform-dev/compose-images-resources.html#fonts shows how we handle a Font, but there is no explanation how this works with Typography.

🧵

[Stefan Oltmann]

This is how I define my fonts until now:

val roboto: FontFamily = FontFamily(
    Font(
        resource = "font/roboto_regular_hinted.ttf",
        weight = FontWeight.Normal,
        style = FontStyle.Normal
    ),
    Font(
        resource = "font/roboto_bold_hinted.ttf",
        weight = FontWeight.Bold,
        style = FontStyle.Normal
    ),
    Font(
        resource = "font/roboto_italic_hinted.ttf",
        weight = FontWeight.Normal,
        style = FontStyle.Italic
    )
)

And this is how I use Typography:

val titleFontSize: TextUnit = 32.sp
val largeFontSize: TextUnit = 20.sp
val mediumFontSize: TextUnit = 16.sp
val smallerFontSize: TextUnit = 14.sp
val smallFontSize: TextUnit = 12.sp

val materialTypography = Typography(
    headlineLarge = TextStyle(
        fontFamily = roboto,
        fontWeight = FontWeight.SemiBold,
        fontSize = titleFontSize,
        // lineHeight = 40.sp,
        letterSpacing = 0.sp
    ),
    headlineMedium = TextStyle(
        fontFamily = roboto,
        fontWeight = FontWeight.SemiBold,
        fontSize = 28.sp,
        // lineHeight = 36.sp,
        letterSpacing = 0.sp
    ),
    headlineSmall = TextStyle(
        fontFamily = roboto,
        fontWeight = FontWeight.SemiBold,
        fontSize = 24.sp,
        // lineHeight = 32.sp,
        letterSpacing = 0.sp
    ),
    [... snip ...]
)

[Stefan Oltmann]

I managed so far to change the above to the new Font composable - but it's quite limiting as it is now required to be a @Composable ...
I hope we can lift this requirement again.

[Stefan Oltmann]

But the Typography seems not to be compatible with the result of the Font compostable functions result.

[Stefan Oltmann]

Can we lift the requirement for Font to be @Composable?

[Stefan Oltmann]

I turned this into an issue.

https://github.com/JetBrains/compose-multiplatform/issues/4471

[Marcin Wisniowski]

Untitled.kt

Untitled.kt

[Marcin Wisniowski]

This is a simplification of what I do. It was already Composable for me so using the new resource system didn't change anything.