diff --git a/.stylelintrc b/.stylelintrc
index f01d4d1..f4a950d 100644
--- a/.stylelintrc
+++ b/.stylelintrc
@@ -4,5 +4,6 @@
     "comment-empty-line-before": null,
     "no-descending-specificity": null,
     "rule-empty-line-before": null,
+    "value-keyword-case": ["lower", { "ignoreKeywords": ["BlinkMacSystemFont", "Roboto", "Helvetica", "Arial"] }]
   }
 }
diff --git a/src/css/spring/spring-doc.css b/src/css/spring/spring-doc.css
index 816aa8d..0409a5e 100644
--- a/src/css/spring/spring-doc.css
+++ b/src/css/spring/spring-doc.css
@@ -150,15 +150,6 @@ mark {
   margin: 2rem 0 0;
 }
 
-.doc h1,
-.doc h2,
-.doc h3,
-.doc h4,
-.doc h5,
-.doc h6 {
-  font-family: var(--font-family-special);
-}
-
 /* Style Admonition with Icons and Text */
 
 .doc .admonitionblock td.icon i {
diff --git a/src/css/vars.css b/src/css/vars.css
index b1062c7..8b35acc 100644
--- a/src/css/vars.css
+++ b/src/css/vars.css
@@ -25,7 +25,7 @@
   --monospace-font-weight-bold: 600;
 
   /* General */
-  --font-family: "Open Sans", "Helvetica", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+  --font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
   --font-family-special: "Metropolis", "Helvetica", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
   --font-weight: 400;
   --monospace-font-family: "SFMono-Regular", "Consolas", "Liberation Mono", "Menlo", monospace;