feat: systemfontstack

cleanup of the font stack, now using https://systemfontstack.com

Author: intergrav

dev.css

@@ -23,10 +23,12 @@
 /* adjustable by you! see ./theme/boilerplate-auto.css */
 :root {
 	/* font families */
-	--dc-font: "Geist", "Inter", system-ui, "Segoe UI Variable Text", "Segoe UI",
-		Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
-	--dc-font-mono: "Geist Mono", ui-monospace, SFMono-Regular, Consolas,
-		"Liberation Mono", Menlo, monospace;
+	/* modified from https://systemfontstack.com */
+	--dc-font: "Geist", "Inter", -apple-system, BlinkMacSystemFont, avenir next,
+		avenir, segoe ui variable text, segoe ui, helvetica neue, helvetica,
+		Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
+	--dc-font-mono: "Geist Mono", Menlo, Consolas, Monaco, Liberation Mono,
+		Lucida Console, monospace;
 
 	/* light/dark colors */
 	--dc-cs: light dark; /* light and dark scrollbars, inputs, etc */

theme/boilerplate-auto.user.css

@@ -11,10 +11,12 @@
 
 :root {
 	/* font families */
-	--dc-font: "Geist", "Inter", system-ui, "Segoe UI Variable Text", "Segoe UI",
-		Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
-	--dc-font-mono: "Geist Mono", ui-monospace, SFMono-Regular, Consolas,
-		"Liberation Mono", Menlo, monospace;
+	/* modified from https://systemfontstack.com */
+	--dc-font: "Geist", "Inter", -apple-system, BlinkMacSystemFont, avenir next,
+		avenir, segoe ui variable text, segoe ui, helvetica neue, helvetica,
+		Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
+	--dc-font-mono: "Geist Mono", Menlo, Consolas, Monaco, Liberation Mono,
+		Lucida Console, monospace;
 
 	/* light/dark colors */
 	--dc-cs: light dark; /* light/dark scrollbars, inputs, etc */

theme/boilerplate.user.css

@@ -11,10 +11,12 @@
 
 :root {
 	/* font families */
-	--dc-font: "Geist", "Inter", system-ui, "Segoe UI Variable Text", "Segoe UI",
-		Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
-	--dc-font-mono: "Geist Mono", ui-monospace, SFMono-Regular, Consolas,
-		"Liberation Mono", Menlo, monospace;
+	/* modified from https://systemfontstack.com */
+	--dc-font: "Geist", "Inter", -apple-system, BlinkMacSystemFont, avenir next,
+		avenir, segoe ui variable text, segoe ui, helvetica neue, helvetica,
+		Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
+	--dc-font-mono: "Geist Mono", Menlo, Consolas, Monaco, Liberation Mono,
+		Lucida Console, monospace;
 
 	/* colors */
 	--dc-cs: light; /* light/dark scrollbars, inputs, etc */

theme/terminal.user.css

@@ -11,9 +11,10 @@
 
 :root {
 	/* font families */
+	/* modified from https://systemfontstack.com */
 	--dc-font: var(--dc-font-mono);
-	--dc-font-mono: "Geist Mono", ui-monospace, SFMono-Regular, Consolas,
-		"Liberation Mono", Menlo, monospace;
+	--dc-font-mono: "Geist Mono", Menlo, Consolas, Monaco, Liberation Mono,
+		Lucida Console, monospace;
 
 	/* colors */
 	--dc-cs: dark;