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

* fix #538: plugin for CT scan of <head> * fix #630 - give system-ui font fallbacks like label.element.css does
GoogleChromeLabs · Jun 26, 2024 · 8efc01e · 8efc01e
1 parent 939e85a
commit 8efc01e
Show file tree

Hide file tree

Showing 4 changed files with 5 additions and 5 deletions.
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;