sans-serif backup for system-ui (fix GoogleChromeLabs#630) (GoogleChromeLabs#631)

hchiam · web-flow · commit 8efc01e359bc · 2024-06-26T09:57:00.000-07:00
* fix GoogleChromeLabs#538: plugin for CT scan of <head> * fix GoogleChromeLabs#630 - give system-ui font fallbacks like label.element.css does
diff --git a/app/components/hotkey-map/base.element.css b/app/components/hotkey-map/base.element.css
@@ -13,7 +13,7 @@
   background: var(--theme-bd-2);
   backdrop-filter: blur(5px);
   font-size: 16px;
-  font-family: system-ui;
+  font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif;
   cursor: initial;
 
   --light-grey: hsl(0 0% 90%);
diff --git a/app/components/metatip/metatip.element.css b/app/components/metatip/metatip.element.css
@@ -37,7 +37,7 @@
   all: initial;
   direction: ltr;
   font-size: 16px;
-  font-family: system-ui;
+  font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif;
   max-width: 90vw;
   color: var(--theme-text_color);
   line-height: initial;
@@ -225,7 +225,7 @@
 }
 
 :host [longform] {
-  font-family: system-ui;
+  font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif;
   text-wrap: pretty;
   text-align: left;
   line-height: 1.5;
diff --git a/app/components/selection/distance.element.css b/app/components/selection/distance.element.css
@@ -47,7 +47,7 @@
   font-size: 0.7em;
   font-weight: bold;
   line-height: 1.1;
-  font-family: system-ui;
+  font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif;
   padding: 0 1ex;
 }
 
diff --git a/app/components/vis-bug/vis-bug.element.css b/app/components/vis-bug/vis-bug.element.css
@@ -27,7 +27,7 @@
   all: initial;
   cursor: inherit;
   font-size: 16px;
-  font-family: system-ui;
+  font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif;
   display: flex;
   flex-direction: column;
   margin: 1em 0 0.5em 1em;

Original file line number	Diff line number	Diff line change
`@@ -47,7 +47,7 @@`
`47`	`47`	`font-size: 0.7em;`
`48`	`48`	`font-weight: bold;`
`49`	`49`	`line-height: 1.1;`
`50`		`- font-family: system-ui;`
	`50`	`+ font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif;`
`51`	`51`	`padding: 0 1ex;`
`52`	`52`	`}`
`53`	`53`