diff --git a/frontend/package.json b/frontend/package.json
index 54aa8ac..80b8720 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -37,6 +37,7 @@
 	},
 	"type": "module",
 	"dependencies": {
+		"@fontsource/firago": "^4.5.3",
 		"@popperjs/core": "^2.11.7",
 		"@sentry/node": "^7.46.0",
 		"base64-arraybuffer": "^1.0.2",
diff --git a/frontend/src/routes/+layout.svelte b/frontend/src/routes/+layout.svelte
index 11861e5..0e13ce1 100644
--- a/frontend/src/routes/+layout.svelte
+++ b/frontend/src/routes/+layout.svelte
@@ -1,5 +1,9 @@
 <script lang="ts">
   import "bootstrap/dist/css/bootstrap.min.css";
+  import "@fontsource/firago/400.css";
+  import "@fontsource/firago/400-italic.css";
+  import "@fontsource/firago/700.css";
+  import "@fontsource/firago/700-italic.css";
   import "bootstrap-icons/font/bootstrap-icons.css";
   import "./main.css";
 
diff --git a/frontend/src/routes/main.css b/frontend/src/routes/main.css
index c1a4c91..6610c12 100644
--- a/frontend/src/routes/main.css
+++ b/frontend/src/routes/main.css
@@ -1,37 +1,3 @@
-@font-face {
-  font-family: "FiraGO";
-  font-display: swap;
-  font-style: normal;
-  font-weight: 400;
-  src: url("/fonts/FiraGO-400.woff") format("woff");
-}
-
-@font-face {
-  font-family: "FiraGO";
-  font-display: swap;
-  font-style: normal;
-  font-weight: 400;
-  src: url("/fonts/FiraGO-400i.woff") format("woff");
-  font-style: italic;
-}
-
-@font-face {
-  font-family: "FiraGO";
-  font-display: swap;
-  font-style: normal;
-  font-weight: 700;
-  src: url("/fonts/FiraGO-700.woff") format("woff");
-}
-
-@font-face {
-  font-family: "FiraGO";
-  font-display: swap;
-  font-style: normal;
-  font-weight: 700;
-  src: url("/fonts/FiraGO-700i.woff") format("woff");
-  font-style: italic;
-}
-
 body {
   font-family: "FiraGO", sans-serif;
 }