diff --git a/src/components/OpenSource.astro b/src/components/OpenSource.astro
index a1f1c71..3d62349 100644
--- a/src/components/OpenSource.astro
+++ b/src/components/OpenSource.astro
@@ -31,9 +31,7 @@
     </svg>
     <h2 id="opensource">Open Source</h2>
     <p>
-      I believe in open source as a form of sharing, networking between companies and training between developers.
-      <br />
-      With open source, developers from all over the world collaborate on shared projects.
+      I believe in open source as a form of sharing, networking between companies and training between developers. With open source, developers from all over the world collaborate on shared projects.
     </p>
   </hgroup>
 
diff --git a/src/layouts/BaseLayout.astro b/src/layouts/BaseLayout.astro
index a9a1db9..7e4fcfa 100644
--- a/src/layouts/BaseLayout.astro
+++ b/src/layouts/BaseLayout.astro
@@ -50,6 +50,7 @@ const canonicalURL = new URL(Astro.url.pathname, Astro.site);
     <meta property="twitter:image" content={new URL(image, Astro.url)} />
 
     <script async src="https://umami.nzambello.dev/script.js" data-website-id="5964d580-4baa-4c91-b4cd-6e2eae4a5bf3"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/firacode@6.2.0/distr/fira_code.css" />
   </head>
   <body>
     <a class="skip-link" href="#navigation">Skip to navigation</a>
diff --git a/src/styles/global.css b/src/styles/global.css
index f422356..daa39c2 100644
--- a/src/styles/global.css
+++ b/src/styles/global.css
@@ -72,14 +72,19 @@
     --form-element-focus-color: var(--primary-focus);
     --switch-color: var(--primary-inverse);
     --switch-checked-background-color: var(--primary);
-    --font-family: 'Ubuntu', system-ui, -apple-system, "Segoe UI", "Roboto", "Ubuntu",
+    --font-family: 'Fira Code', 'Ubuntu', system-ui, -apple-system, "Segoe UI", "Roboto", "Ubuntu",
         "Cantarell", "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
         "Segoe UI Symbol", "Noto Color Emoji";
 }
 
 body {
     font-display: swap;
-    font-family: 'Ubuntu', sans-serif;
+    font-family: var(--font-family, 'Fira Code'), sans-serif;
+}
+
+.headings>:last-child,
+hgroup>:last-child {
+    font-family: var(--font-family, 'Fira Code'), sans-serif !important;
 }
 
 ::-moz-selection,
@@ -165,4 +170,15 @@ button:active {
 
 main ul li {
     list-style: circle;
+}
+
+code {
+    font-family: 'Fira Code', monospace;
+}
+
+@supports (font-variation-settings: normal) {
+
+    code {
+        font-family: 'Fira Code VF', monospace;
+    }
 }
\ No newline at end of file
