Fix font import order

This commit is contained in:
Tom Trappmann
2026-02-02 22:53:47 +01:00
parent 1dcc49bdbe
commit 84467c42c7
2 changed files with 18 additions and 10 deletions

View File

@@ -1,13 +1,22 @@
<template> <template>
<UApp> <UApp>
<UMain> <UMain>
<NuxtLayout> <NuxtLayout>
<NuxtPage /> <NuxtPage />
</NuxtLayout> </NuxtLayout>
</UMain> </UMain>
</UApp> </UApp>
</template> </template>
<script setup lang="ts"> <script setup lang="ts">
useHead({
link: [
{ rel: "preconnect", href: "https://fonts.googleapis.com" },
{ rel: "preconnect", href: "https://fonts.gstatic.com", crossorigin: "anonymous" },
{
rel: "stylesheet",
href: "https://fonts.googleapis.com/css2?family=Sora:wght@300;400;500;600;700&display=swap",
},
],
})
</script> </script>

View File

@@ -1,6 +1,5 @@
@import "tailwindcss"; @import "tailwindcss";
@import "@nuxt/ui"; @import "@nuxt/ui";
@import url("https://fonts.googleapis.com/css2?family=Sora:wght@300;400;500;600;700&display=swap");
body { body {
font-family: "Sora", "Avenir Next", "Trebuchet MS", sans-serif; font-family: "Sora", "Avenir Next", "Trebuchet MS", sans-serif;