diff --git a/app/assets/stylesheets/_global.css b/app/assets/stylesheets/_global.css
index 47f29691ab..a14a3d29f0 100644
--- a/app/assets/stylesheets/_global.css
+++ b/app/assets/stylesheets/_global.css
@@ -10,7 +10,7 @@
   --block-space-double: calc(var(--block-space) * 2);
 
   /* Text */
-  --font-sans: "Adwaita Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
+  --font-sans: "Adwaita Sans", -apple-system, BlinkMacSystemFont, "Segoe UI Variable Fizzy", "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
   --font-serif: ui-serif, serif;
   --font-mono: ui-monospace, monospace;
 
diff --git a/app/assets/stylesheets/segoe-ui-variable-fizzy.css b/app/assets/stylesheets/segoe-ui-variable-fizzy.css
new file mode 100644
index 0000000000..55b093755f
--- /dev/null
+++ b/app/assets/stylesheets/segoe-ui-variable-fizzy.css
@@ -0,0 +1,29 @@
+@layer reset {
+  @font-face {
+    font-family: "Segoe UI Variable Fizzy";
+    src: local("Segoe UI Variable");
+    font-weight: 100 700;
+    font-style: normal;
+  }
+
+  @font-face {
+    font-family: "Segoe UI Variable Fizzy";
+    src: local("Segoe UI Variable");
+    font-weight: 100 700;
+    font-style: italic;
+  }
+
+  @font-face {
+    font-family: "Segoe UI Variable Fizzy";
+    src: local("Segoe UI Black");
+    font-weight: 800 900;
+    font-style: normal;
+  }
+
+  @font-face {
+    font-family: "Segoe UI Variable Fizzy";
+    src: local("Segoe UI Black Italic");
+    font-weight: 800 900;
+    font-style: italic;
+  }
+}