Use font: menu instead of system-ui

The latter seems to be hardcoded to Cantarell. Note that `font: menu` is already used in the dictionary popover and the footnote dialog.
johnfactotum · Jan 24, 2024 · 1f6766a · 1f6766a
1 parent 04b3182
commit 1f6766a
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 3 deletions.
diff --git a/src/opds/main.html b/src/opds/main.html
@@ -8,8 +8,8 @@
 }
 :root {
     overflow-wrap: anywhere;
+    font: menu;
     font-size: 11pt;
-    font-family: system-ui;
     --shade: rgba(0, 0, 0, .07);
     --raised: rgba(0, 0, 0, .1);
     --pressed: rgba(0, 0, 0, .2);

diff --git a/src/opds/main.js b/src/opds/main.js
@@ -138,7 +138,8 @@ customElements.define('opds-pub-full', class extends HTMLElement {
             sheet.replaceSync(`
             html, body {
                 color-scheme: light dark;
-                font-family: system-ui;
+                font: menu;
+                font-size: 11pt;
                 margin: 0;
                 overflow-wrap: anywhere;
             }

diff --git a/src/reader/reader.html b/src/reader/reader.html
@@ -32,7 +32,7 @@
     }
 }
 foliate-view::part(head), foliate-view::part(foot) {
-    font-family: system-ui;
+    font: menu;
     font-size: 9pt;
 }
 foliate-view {