swap font to Figtree

index.html

···
     <meta property="description" content="Browse the public data on atproto" />
     <link rel="manifest" href="/manifest.json" />
     <title>PDSls</title>
-    <link rel="preconnect" href="https://rsms.me/" />
-    <link rel="stylesheet" href="https://rsms.me/inter/inter.css" />
     <link rel="preconnect" href="https://fonts.bunny.net" />
     <link href="https://fonts.bunny.net/css?family=roboto-mono:400" rel="stylesheet" />
     <link href="https://fonts.cdnfonts.com/css/pecita" rel="stylesheet" />

src/styles/index.css

···
 
 @custom-variant dark (&:where(.dark, .dark *));
 
+@font-face {
+  font-family: "Figtree";
+  src: url("/fonts/Figtree[wght].woff2") format("woff2");
+  font-display: swap;
+}
+
 @theme {
-  --font-sans: "Inter", sans-serif;
+  --font-sans: "Figtree", sans-serif;
   --font-mono: "Roboto Mono", monospace;
   --font-pecita: "Pecita", serif;