detail page port

pages/+Layout.vue

@@ -7,7 +7,7 @@
 </template>
 
 <script setup>
-import '@/styles/main.scss'
+import '@/styles/global.scss'
 import { ref, computed, onMounted } from 'vue'
 import loadFonts from '@fuzzco/font-loader'
 import { useWindowSize } from '@vueuse/core'
@@ -20,19 +20,26 @@ const fontsLoading = ref(true)
 const classes = computed(() => [
     'container',
     { 'fonts-ready': !fontsLoading.value },
-    'theme-dark',
+    'theme-light',
 ])
 
 onMounted(async () => {
     // Load fonts
     loadFonts([
         {
-            name: 'Leibniz Fraktur',
-            weights: [400],
+            name: 'Arial Narrow',
+            weights: [700],
+            styles: ['normal', 'italic'],
         },
         {
-            name: 'Geist Mono',
-            weights: [400, 700],
+            name: 'Druk Wide',
+            weights: [900],
+            styles: ['normal'],
+        },
+        {
+            name: 'GT Super',
+            weights: [400],
+            styles: ['italic'],
         },
     ])
         .then(() => {