update fonts

pages/+Layout.vue

@@ -1,6 +1,6 @@
 <template>
     <lenis root>
-        <div :class="classes" :style="styles">
+        <div :class="classes">
             <slot />
         </div>
     </lenis>
@@ -27,9 +27,13 @@ onMounted(async () => {
     // Load fonts
     loadFonts([
         {
-            name: 'Office Times',
+            name: 'Leibniz Fraktur',
             weights: [400],
         },
+        {
+            name: 'Geist Mono',
+            weights: [400, 700],
+        },
     ])
         .then(() => {
             fontsLoading.value = false
@@ -38,15 +42,11 @@ onMounted(async () => {
             fontsLoading.value = false
         })
 })
-
-const styles = computed(() => ({
-    '--vh': height.value ? height.value / 100 + 'px' : '100vh',
-}))
 </script>
 
 <style lang="scss">
 .container {
-    min-height: calc(100 * var(--vh));
+    min-height: 100vh;
     max-width: 100vw;
     overflow-x: clip;
     background: var(--theme-bg);