diff --git a/config.toml b/config.toml
index e73a49c..138f125 100644
--- a/config.toml
+++ b/config.toml
@@ -38,3 +38,6 @@ menu = [
 repo_view = true
 repo_url = "https://github.com/nrdxp/nrd.sh/tree/main/content/"
 favicon = "/icon/favicon.png"
+stylesheets = [
+  "fira.css"
+]
diff --git a/sass/fira.scss b/sass/fira.scss
new file mode 100644
index 0000000..6afcf7c
--- /dev/null
+++ b/sass/fira.scss
@@ -0,0 +1,15 @@
+@import url('https://cdn.jsdelivr.net/npm/@xz/fonts@1/serve/fira-sans.min.css');
+@import url('https://cdn.jsdelivr.net/npm/@xz/fonts@1/serve/fira-mono.min.css');
+
+:root {
+    --text-font: 'Fira Sans', sans-serif;
+    --code-font: 'Fira Mono', monospace;
+}
+
+h1, h2, h3, h4, h5, h6 {
+    font-family: var(--code-font) !important;
+}
+
+header {
+    font-family: var(--code-font) !important;
+}
diff --git a/sass/fonts.scss b/sass/fonts.scss
deleted file mode 100644
index 7194e53..0000000
--- a/sass/fonts.scss
+++ /dev/null
@@ -1,31 +0,0 @@
-@font-face {
-  font-family: 'Jetbrains Mono';
-  font-style: normal;
-  font-weight: 400;
-  src: url('fonts/JetbrainsMono/JetBrainsMono-Regular.ttf'), local('ttf');
-  font-display: fallback;
-}
-
-@font-face {
-  font-family: 'Jetbrains Mono';
-  font-style: normal;
-  font-weight: 700;
-  src: url('fonts/JetbrainsMono/JetBrainsMono-Bold.ttf'), local('ttf');
-  font-display: fallback;
-}
-
-@font-face {
-  font-family: 'Space Grotesk';
-  font-style: normal;
-  font-weight: 400;
-  src: url('fonts/SpaceGrotesk/SpaceGrotesk-Regular.ttf'), local('ttf');
-  font-display: fallback;
-}
-
-@font-face {
-  font-family: 'Space Grotesk';
-  font-style: normal;
-  font-weight: 700;
-  src: url('fonts/SpaceGrotesk/SpaceGrotesk-Bold.ttf'), local('ttf');
-  font-display: fallback;
-}