fix: fix height on mobile

src/utils/downloadFont.ts

@@ -1,21 +1,29 @@
 import FontFaceObserver from "fontfaceobserver"
 
 const GENERIC_FAMILIES = new Set([
-  "serif", "sans-serif", "monospace", "cursive", "fantasy",
-  "system-ui", "ui-serif", "ui-sans-serif", "ui-monospace", "ui-rounded",
+  "serif",
+  "sans-serif",
+  "monospace",
+  "cursive",
+  "fantasy",
+  "system-ui",
+  "ui-serif",
+  "ui-sans-serif",
+  "ui-monospace",
+  "ui-rounded"
 ])
 
 const parseWebFontFamilies = (font: string): string[] =>
   font
     .split(",")
-    .map(f => f.trim().replace(/^["']|["']$/g, ""))
-    .filter(f => f && !GENERIC_FAMILIES.has(f))
+    .map((f) => f.trim().replace(/^["']|["']$/g, ""))
+    .filter((f) => f && !GENERIC_FAMILIES.has(f))
 
 const assembleFontLink = (families: string[]): string | null => {
   if (families.length === 0) return null
-  return `https://api.fonts.coollabs.io/css2?display=swap&${
-    families.map(f => `family=${f.replaceAll(" ", "+")}`).join("&")
-  }`
+  return `https://api.fonts.coollabs.io/css2?display=swap&${families
+    .map((f) => `family=${f.replaceAll(" ", "+")}`)
+    .join("&")}`
 }
 
 export const downloadFont = async (
@@ -28,7 +36,7 @@ export const downloadFont = async (
   if (href) {
     const alreadyLoaded = Array.from(
       document.head.querySelectorAll<HTMLLinkElement>('link[rel="stylesheet"]')
-    ).some(link => link.href === href)
+    ).some((link) => link.href === href)
 
     if (!alreadyLoaded) {
       const link = document.createElement("link")