From 1f6766a7e2f6ba9db97bc90fb8eaefdfc44ede6c Mon Sep 17 00:00:00 2001
From: John Factotum <50942278+johnfactotum@users.noreply.github.com>
Date: Wed, 24 Jan 2024 15:17:45 +0800
Subject: [PATCH] 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.
---
 src/opds/main.html     | 2 +-
 src/opds/main.js       | 3 ++-
 src/reader/reader.html | 2 +-
 3 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/opds/main.html b/src/opds/main.html
index f4765e06..c3093510 100644
--- 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
index af3f6d56..e1595743 100644
--- 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
index bd78314d..58bac807 100644
--- 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 {