A modern programming language that makes developers happier.

kotlinlang

Screenshot 2023-12-05 at 5.03.55 PM.png

Did anyone manage to load custom font in Compose web (canvas), I was able to load the fonts with some workarounds (The font family is null at the beginning then I initialize it from a LaunchedEffect after successfully loading the fonts and creating the font family), and when I use the font family in a Text composable I get an error. `IllegalStateException: Could not load font` , the error appears only when I use that font family in a Text composable.

I use custom fonts in my project, and using the same approach as you (loading the font in a LaunchedEffect)

<https://github.com/BKMbigo/solitaire-compose/blob/321c432b3bda1eabafb4de0fbb3c0f30a76f2c41/common/src/commonMain/kotlin/com/github/bkmbigo/solitaire/presentation/core/theme/Theme.kt#L27|Here> is the theme composable and the implementation on wasm using compose-multiplatform resources to load a <https://github.com/BKMbigo/solitaire-compose/blob/321c432b3bda1eabafb4de0fbb3c0f30a76f2c41/common/src/wasmJsMain/kotlin/com/github/bkmbigo/solitaire/presentation/core/utils/fonts/FontProvider.wasm.kt#L17)|font> (resource takes in the path to the font)

I still have the same issue. It appears that the problem is in the font that I am using. It's working fine on desktop but not in web. I'm not sure why. When I tried a different font, it worked fine.

<https://kotlinlang.slack.com/archives/CJLTWPH7S/p1706173970764509>
With new updates its possible now!