Fixed font issues

src/layouts/Layout.astro

@@ -2,6 +2,7 @@
 import Header from "../components/Header.astro";
 import Footer from "../components/Footer.astro";
 import { siteConfig } from "../config/site";
+import "@fontsource-variable/roboto-slab";
 import "../styles/global.css";
 
 interface Props {

src/styles/global.css

@@ -36,25 +36,12 @@
     --noise: 0;
 }
 
-@font-face {
-    font-family: "Roboto Slab";
-    src: url("../assets/fonts/RobotoSlab-VariableFont_wght.ttf")
-        format("truetype");
-    font-weight: 100 900;
-    font-style: normal;
-    font-display: optional;
-}
-
 html {
     scroll-behavior: smooth;
 }
 
 body {
-    font-family:
-        "Roboto Slab",
-        system-ui,
-        -apple-system,
-        sans-serif;
+    font-family: "Roboto Slab Variable", serif;
 }
 
 .text-rotate:hover,