Rename global.css to app.css & move fonts inside it.

src/global.css → src/app.css

+@import "@fontsource/lato/index.css";
+@import "@fontsource/lato/300.css";
+@import "@fontsource/lato/300-italic.css";
+@import "@fontsource/lato/700.css";
+@import "@fontsource/lato/700-italic.css";
+@import "@fontsource/lato/900.css";
+@import "@fontsource/lato/900-italic.css";
+@import "@fontsource/lora/index.css";
+@import "@fontsource/lora/500-italic.css";
+@import "@fontsource/lora/700-italic.css";
+
 /* Write your global styles here, in PostCSS syntax */
 @tailwind base;
 @tailwind components;

src/routes/__layout.svelte

 <script lang="ts">
-  import "@fontsource/lato/index.css"
-  import "@fontsource/lato/300.css"
-  import "@fontsource/lato/300-italic.css"
-  import "@fontsource/lato/700.css"
-  import "@fontsource/lato/700-italic.css"
-  import "@fontsource/lato/900.css"
-  import "@fontsource/lato/900-italic.css"
-  import "@fontsource/lora/index.css"
-  import "@fontsource/lora/500-italic.css"
-  import "@fontsource/lora/700-italic.css"
-
-  import "../global.css"
+  import "../app.css"
 
   import type { EntityByKey } from "@openfisca/ast"
   import Sockette from "sockette"