Fix fonts

Author: jakebox

package-lock.json

@@ -15,7 +15,7 @@
     "@fontsource-variable/exo-2": "^5.1.1",
     "@fontsource-variable/jost": "^5.1.2",
     "@fontsource-variable/reddit-sans": "^5.1.1",
-    "@fontsource/roboto": "^5.1.1",
+    "@fontsource-variable/roboto": "^5.1.1",
     "astro": "^5.1.5",
     "fslightbox": "^3.4.2",
     "gsap": "^3.12.7",

package.json

@@ -5,6 +5,7 @@ import Footer from "../components/Footer.astro";
 import "@fontsource-variable/exo-2";
 import "@fontsource-variable/reddit-sans";
 import "@fontsource-variable/jost";
+import "@fontsource-variable/roboto";
 
 const { pageTitle, description } = Astro.props;
 ---

src/layouts/BaseLayout.astro

@@ -29,10 +29,10 @@ export default {
         body: "0.875rem",
       },
       fontFamily: {
-        exo: ['"Exo 2 Variable"'],
+        exo: ['"Exo 2 Variable"', "sans-serif"],
         reddit: ['"Reddit Sans Variable"'],
         jost: ['"Jost Variable"'],
-        roboto: ["Roboto"],
+        roboto: ['"Roboto Variable"'],
       },
       gridTemplateRows: {
         hero: "repeat(5, minmax(80px, auto));",