Change default font to be compatible with Mac (#2520)

docmattman · Gerrit0 · web-flow · commit c3ae6ec96aed · 2024-03-10T10:41:14.000-06:00
* Set default font to Open Sans web font

Segoe UI causes some text rendering issues on Mac.  Use Open Sans as a close replacement.

* Update font-family

* Make prettier happy

---------

Co-authored-by: Gerrit Birkeland &lt;gerrit@gerritbirkeland.com&gt;
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,5 +1,13 @@
 # Unreleased
 
+### Bug Fixes
+
+-   Updated page font to work around issues with Mac rendering, #2518
+
+### Thanks!
+
+-   @docmattman
+
 ## v0.25.11 (2024-03-06)
 
 ### Bug Fixes
diff --git a/static/style.css b/static/style.css
@@ -405,7 +405,8 @@ dd {
 }
 body {
     background: var(--color-background);
-    font-family: "Segoe UI", sans-serif;
+    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans",
+        Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
     font-size: 16px;
     color: var(--color-text);
 }

Original file line number	Diff line number	Diff line change
`@@ -405,7 +405,8 @@ dd {`
`405`	`405`	`}`
`406`	`406`	`body {`
`407`	`407`	`background: var(--color-background);`
`408`		`- font-family: "Segoe UI", sans-serif;`
	`408`	`+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans",`
	`409`	`+ Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";`
`409`	`410`	`font-size: 16px;`
`410`	`411`	`color: var(--color-text);`
`411`	`412`	`}`