Index: settings.gradle.kts
IDEA additional info:
Subsystem: com.intellij.openapi.diff.impl.patch.CharsetEP
<+>UTF-8
===================================================================
diff --git a/settings.gradle.kts b/settings.gradle.kts
--- a/settings.gradle.kts	(revision e1c41614420ed9480b53791daf954f965deb6f7b)
+++ b/settings.gradle.kts	(date 1720690668832)
@@ -6,6 +6,7 @@
         google()
         gradlePluginPortal()
         mavenCentral()
+        maven("https://maven.pkg.jetbrains.space/public/p/compose/dev")
     }
 }
 
@@ -13,7 +14,7 @@
     repositories {
         google()
         mavenCentral()
-        maven("https://maven.pkg.jetbrains.space/kotlin/p/wasm/experimental")
         maven("https://maven.pkg.jetbrains.space/public/p/ktor/eap")
+        maven("https://maven.pkg.jetbrains.space/public/p/compose/dev")
     }
 }
Index: composeApp/src/jsMain/resources/index.html
IDEA additional info:
Subsystem: com.intellij.openapi.diff.impl.patch.CharsetEP
<+>UTF-8
===================================================================
diff --git a/composeApp/src/jsMain/resources/index.html b/composeApp/src/jsMain/resources/index.html
--- a/composeApp/src/jsMain/resources/index.html	(revision e1c41614420ed9480b53791daf954f965deb6f7b)
+++ b/composeApp/src/jsMain/resources/index.html	(date 1720692351300)
@@ -3,6 +3,7 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="preload" href="./composeResources/procratus.composeapp.generated.resources/font/FiraMono-Regular.ttf" as="fetch" type="font/ttf" crossorigin/>
     <title>Procratus</title>
     <script src="skiko.js"></script>
     <style>
Index: composeApp/src/commonMain/kotlin/com/procratus/landing/App.kt
IDEA additional info:
Subsystem: com.intellij.openapi.diff.impl.patch.CharsetEP
<+>UTF-8
===================================================================
diff --git a/composeApp/src/commonMain/kotlin/com/procratus/landing/App.kt b/composeApp/src/commonMain/kotlin/com/procratus/landing/App.kt
--- a/composeApp/src/commonMain/kotlin/com/procratus/landing/App.kt	(revision e1c41614420ed9480b53791daf954f965deb6f7b)
+++ b/composeApp/src/commonMain/kotlin/com/procratus/landing/App.kt	(date 1720693385169)
@@ -20,12 +20,15 @@
 import androidx.compose.runtime.mutableStateOf
 import androidx.compose.runtime.remember
 import androidx.compose.runtime.setValue
+import androidx.compose.runtime.staticCompositionLocalOf
+import androidx.compose.runtime.CompositionLocalProvider
 import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.draw.clip
 import androidx.compose.ui.graphics.Color
 import androidx.compose.ui.platform.LocalUriHandler
 import androidx.compose.ui.text.font.FontFamily
+import androidx.compose.ui.text.platform.LoadedFont
 import androidx.compose.ui.text.style.TextDecoration
 import androidx.compose.ui.unit.dp
 import androidx.compose.ui.unit.sp
@@ -51,29 +54,40 @@
 
 internal expect fun openUrl(url: String?)
 
+
+private val LocalAppFont = staticCompositionLocalOf<FontFamily> {
+    FontFamily.Default
+}
 val font: FontFamily
     @Composable
-    get() = FontFamily(Font(Res.font.FiraMono_Regular))
-
+    get() = LocalAppFont.current
 
 @Composable
 internal fun App() = AppTheme {
-    var selected by remember { mutableStateOf<Int?>(0) }
-    Column(modifier = Modifier.fillMaxSize().background(black)) {
-        Header(selected = selected, onItemSelected = { selected = it })
+    // This should not be implemented on the projects side like this.
+    // We (Compose Multiplatform) will consider how to improve it.
+    // The idea is to wait until the font is loaded, and then proceed with the app content.
+    val f = Font(Res.font.FiraMono_Regular)
+    if ((f as? LoadedFont)?.identity?.contains("emptyFont") == true) return@AppTheme
+
+    CompositionLocalProvider(LocalAppFont provides FontFamily(f)) {
+        var selected by remember { mutableStateOf<Int?>(0) }
+        Column(modifier = Modifier.fillMaxSize().background(black)) {
+            Header(selected = selected, onItemSelected = { selected = it })
 
-        Column(modifier = Modifier.weight(1f).absoluteOffset(y = 24.dp)) {
-            when (selected?.let { Destination.entries[it] }) {
-                Destination.HeyThere -> HeyThere()
-                Destination.GetSome -> GetSome()
-                Destination.WithUs -> WithUs()
-                Destination.Procratus -> Procratus()
-                Destination.UsingCoolTech -> UsingCoolTech()
-                Destination.WorkDone -> WorkDone()
-                null -> {}
-            }
-        }
-        Footer()
+            Column(modifier = Modifier.weight(1f).absoluteOffset(y = 24.dp)) {
+                when (selected?.let { Destination.entries[it] }) {
+                    Destination.HeyThere -> HeyThere()
+                    Destination.GetSome -> GetSome()
+                    Destination.WithUs -> WithUs()
+                    Destination.Procratus -> Procratus()
+                    Destination.UsingCoolTech -> UsingCoolTech()
+                    Destination.WorkDone -> WorkDone()
+                    null -> {}
+                }
+            }
+            Footer()
+        }
     }
 }
 
Index: gradle/libs.versions.toml
IDEA additional info:
Subsystem: com.intellij.openapi.diff.impl.patch.CharsetEP
<+>UTF-8
===================================================================
diff --git a/gradle/libs.versions.toml b/gradle/libs.versions.toml
--- a/gradle/libs.versions.toml	(revision e1c41614420ed9480b53791daf954f965deb6f7b)
+++ b/gradle/libs.versions.toml	(date 1720690618160)
@@ -1,7 +1,7 @@
 [versions]
 
-kotlin = "2.0.0"
-compose = "1.6.10"
+kotlin = "2.0.20-Beta2"
+compose = "1.7.0-dev1721"
 
 [libraries]
 
