diff --git a/src/theme/space-grotesk.css b/src/theme/space-grotesk.css
new file mode 100644
index 00000000..76c098c6
--- /dev/null
+++ b/src/theme/space-grotesk.css
@@ -0,0 +1,15 @@
+@font-face {
+  font-family: "Space Grotesk";
+  font-style: normal;
+  font-weight: 700;
+  font-display: swap;
+  src: url("@src/assets/SpaceGrotesk-Bold.woff2") format("woff2");
+}
+
+@font-face {
+  font-family: "Space Grotesk";
+  font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: url("@src/assets/SpaceGrotesk-Regular.woff2") format("woff2");
+}
diff --git a/src/theme/typography.ts b/src/theme/typography.ts
index efa25714..3b6d4664 100644
--- a/src/theme/typography.ts
+++ b/src/theme/typography.ts
@@ -4,6 +4,8 @@ import {
   TypographyStyleOptions,
 } from "@mui/material/styles/createTypography";
 
+import "./space-grotesk.css";
+
 declare module "@mui/material/styles/createTypography" {
   interface FontStyle {
     fontFamilyMono: string;