diff --git a/assets/scss/01-settings/_fonts.scss b/assets/scss/01-settings/_fonts.scss
index 92ba97a7..ea88ec41 100644
--- a/assets/scss/01-settings/_fonts.scss
+++ b/assets/scss/01-settings/_fonts.scss
@@ -1,11 +1,12 @@
 /// @group settings
 
-$fontdir: '/assets/webfonts';
+$fontdir: "/assets/webfonts";
 
 @font-face {
-  font-family: Exo;
-  src: url('#{$fontdir}/exo/normal.woff2') format('woff2') tech('variations'),
-  url('#{$fontdir}/exo/normal.woff2') format('woff2-variations');
+  font-family: "Exo Font Number 2";
+  src:
+    url("#{$fontdir}/exo/normal.woff2") format("woff2") tech("variations"),
+    url("#{$fontdir}/exo/normal.woff2") format("woff2-variations");
   font-weight: 100 900;
   font-style: normal;
   font-display: swap;
@@ -13,9 +14,10 @@ $fontdir: '/assets/webfonts';
 }
 
 @font-face {
-  font-family: Exo;
-  src: url('#{$fontdir}/exo/italic.woff2') format('woff2') tech('variations'),
-  url('#{$fontdir}/exo/italic.woff2') format('woff2-variations');
+  font-family: "Exo Font Number 2";
+  src:
+    url("#{$fontdir}/exo/italic.woff2") format("woff2") tech("variations"),
+    url("#{$fontdir}/exo/italic.woff2") format("woff2-variations");
   font-weight: 100 900;
   font-style: italic;
   font-display: swap;
@@ -24,8 +26,9 @@ $fontdir: '/assets/webfonts';
 
 @font-face {
   font-family: JetBrainsMono;
-  src: url('#{$fontdir}/jetbrainsmono/jetbrainsmonoi.woff2') format('woff2') tech('variations'),
-  url('#{$fontdir}/jetbrainsmono/jetbrainsmonoi.woff2') format('woff2-variations');
+  src:
+    url("#{$fontdir}/jetbrainsmono/jetbrainsmonoi.woff2") format("woff2") tech("variations"),
+    url("#{$fontdir}/jetbrainsmono/jetbrainsmonoi.woff2") format("woff2-variations");
   font-weight: 100 800;
   font-style: italic;
   font-display: swap;
@@ -34,8 +37,9 @@ $fontdir: '/assets/webfonts';
 
 @font-face {
   font-family: JetBrainsMono;
-  src: url('#{$fontdir}/jetbrainsmono/jetbrainsmono.woff2') format('woff2') tech('variations'),
-  url('#{$fontdir}/jetbrainsmono/jetbrainsmono.woff2') format('woff2-variations');
+  src:
+    url("#{$fontdir}/jetbrainsmono/jetbrainsmono.woff2") format("woff2") tech("variations"),
+    url("#{$fontdir}/jetbrainsmono/jetbrainsmono.woff2") format("woff2-variations");
   font-weight: 100 800;
   font-style: normal;
   font-display: swap;
@@ -44,9 +48,10 @@ $fontdir: '/assets/webfonts';
 
 @font-face {
   font-family: BahnPro;
-  src: url('#{$fontdir}/bahn/bahnpro_regular-webfont.woff2') format('woff2'),
-  url('#{$fontdir}/bahnpro_regular-webfont.woff') format('woff'),
-  url('#{$fontdir}/bahnpro_regular-webfont.ttf') format('truetype');
+  src:
+    url("#{$fontdir}/bahn/bahnpro_regular-webfont.woff2") format("woff2"),
+    url("#{$fontdir}/bahnpro_regular-webfont.woff") format("woff"),
+    url("#{$fontdir}/bahnpro_regular-webfont.ttf") format("truetype");
   font-weight: 700;
   font-style: normal;
   font-display: swap;
@@ -59,7 +64,7 @@ $fontdir: '/assets/webfonts';
 }
 
 .ff-body {
-  font-family: Exo, sans-serif;
+  font-family: "Exo Font Number 2", sans-serif;
 }
 
 .ff-jetbrains {
diff --git a/assets/scss/01-settings/_theme.scss b/assets/scss/01-settings/_theme.scss
index 6043a7dd..b65014e0 100644
--- a/assets/scss/01-settings/_theme.scss
+++ b/assets/scss/01-settings/_theme.scss
@@ -33,7 +33,7 @@ $body-bg: #f1f6f4;
 /// typography
 /// $font-size-root: 16px;
 $font-size-base: 1.5rem;
-$font-family-sans-serif: "Exo 2";
+$font-family-sans-serif: "Exo Font Number 2";
 
 /// headings
 $h1-font-size: $font-size-base * 1.75;