Use system fonts for body and headings

Update CSS to use system fonts for body and heading. Closes #115
spring-io · Feb 21, 2024 · 0096146 · 0096146
1 parent 3a84b40
commit 0096146
Show file tree

Hide file tree

Showing 3 changed files with 2 additions and 10 deletions.
diff --git 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
@@ -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
@@ -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;