diff --git a/static/css/blog/post.css b/static/css/blog/post.css
index a1e3723..fdc351f 100644
--- a/static/css/blog/post.css
+++ b/static/css/blog/post.css
@@ -200,7 +200,6 @@ table.hljs-ln {
 
 /* Footnotes */
 .footnotes a {
-  font-family: "Segoe UI";
   text-decoration: underline dotted;
 }
 
diff --git a/static/css/constants.css b/static/css/constants.css
index 97e1a78..a868006 100644
--- a/static/css/constants.css
+++ b/static/css/constants.css
@@ -19,5 +19,5 @@
 /* Global parameters */
 :root {
   --font-size: 1.15rem;
-  --font-family: "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol";
+  --font-family: "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol", system-ui;
 }
diff --git a/static/css/style.css b/static/css/style.css
index ab116f8..e355e15 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -1,7 +1,7 @@
 /* Theme of the pages */
 html {
   background-color: var(--background);
-  font-family: "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol", system-ui;
+  font-family: var(--font-family);
 }
 
 body,
@@ -23,7 +23,6 @@ main {
   position: relative;
   font-size: var(--font-size);
   padding: 2em 1em;
-  font-family: var(--font-family);
   margin: 0 auto;
   max-width: 640px; /* breakpoint */
 }