diff --git a/backend/static/fonts/dm-sans-var-latin.woff2 b/backend/static/fonts/dm-sans-var-latin.woff2
new file mode 100644
index 0000000..01383d7
Binary files /dev/null and b/backend/static/fonts/dm-sans-var-latin.woff2 differ
diff --git a/backend/static/fonts/ibm-plex-mono-500-latin.woff2 b/backend/static/fonts/ibm-plex-mono-500-latin.woff2
new file mode 100644
index 0000000..090f82f
Binary files /dev/null and b/backend/static/fonts/ibm-plex-mono-500-latin.woff2 differ
diff --git a/backend/static/fonts/ibm-plex-mono-600-latin.woff2 b/backend/static/fonts/ibm-plex-mono-600-latin.woff2
new file mode 100644
index 0000000..67aeeb0
Binary files /dev/null and b/backend/static/fonts/ibm-plex-mono-600-latin.woff2 differ
diff --git a/backend/static/fonts/instrument-serif-400-italic-latin.woff2 b/backend/static/fonts/instrument-serif-400-italic-latin.woff2
new file mode 100644
index 0000000..197abca
Binary files /dev/null and b/backend/static/fonts/instrument-serif-400-italic-latin.woff2 differ
diff --git a/backend/static/fonts/instrument-serif-400-latin.woff2 b/backend/static/fonts/instrument-serif-400-latin.woff2
new file mode 100644
index 0000000..0ad6971
Binary files /dev/null and b/backend/static/fonts/instrument-serif-400-latin.woff2 differ
diff --git a/backend/static/style.css b/backend/static/style.css
index af65075..76692a0 100644
--- a/backend/static/style.css
+++ b/backend/static/style.css
@@ -1,3 +1,45 @@
+/* Fonts are served from this binary, not from Google: this UI is read in
+ Bromite, where fonts.googleapis.com is routinely blocked, and over a LAN
+ with no internet route. Latin subsets only, woff2 only — every browser that
+ runs the app supports it, so there is no second format to ship. Roughly
+ 120 KB for all five faces, embedded via //go:embed static. */
+@font-face {
+ font-family: "Instrument Serif";
+ font-style: normal;
+ font-weight: 400;
+ font-display: swap;
+ src: url(/static/fonts/instrument-serif-400-latin.woff2) format("woff2");
+}
+@font-face {
+ font-family: "Instrument Serif";
+ font-style: italic;
+ font-weight: 400;
+ font-display: swap;
+ src: url(/static/fonts/instrument-serif-400-italic-latin.woff2) format("woff2");
+}
+@font-face {
+ font-family: "IBM Plex Mono";
+ font-style: normal;
+ font-weight: 500;
+ font-display: swap;
+ src: url(/static/fonts/ibm-plex-mono-500-latin.woff2) format("woff2");
+}
+@font-face {
+ font-family: "IBM Plex Mono";
+ font-style: normal;
+ font-weight: 600;
+ font-display: swap;
+ src: url(/static/fonts/ibm-plex-mono-600-latin.woff2) format("woff2");
+}
+/* One variable file covers the 400–700 range the design uses. */
+@font-face {
+ font-family: "DM Sans";
+ font-style: normal;
+ font-weight: 400 700;
+ font-display: swap;
+ src: url(/static/fonts/dm-sans-var-latin.woff2) format("woff2");
+}
+
/* Cinder — editorial serif, containerless sheets, ash hairlines.
Heat is purely typographic: a series with an unread chapter turns its title
crimson and gains an ember underline. Everything else stays cool. Dark is
diff --git a/backend/templates/app.html b/backend/templates/app.html
index 8555b4b..a5df111 100644
--- a/backend/templates/app.html
+++ b/backend/templates/app.html
@@ -6,10 +6,9 @@
mangaBookmark
-
-
-
+
+
diff --git a/backend/templates/login.html b/backend/templates/login.html
index 9a70ca0..0f6fdfe 100644
--- a/backend/templates/login.html
+++ b/backend/templates/login.html
@@ -6,10 +6,8 @@
mangaBookmark
-
-
-
+
diff --git a/backend/web.go b/backend/web.go
index 59a7f79..62c7dee 100644
--- a/backend/web.go
+++ b/backend/web.go
@@ -7,6 +7,7 @@ import (
"io/fs"
"log"
"math"
+ "mime"
"net/http"
"strconv"
"strings"
@@ -98,6 +99,12 @@ func staticHandler() http.Handler {
if err != nil {
panic("embed static: " + err.Error())
}
+ // Go's built-in table has no .woff2 and the scratch image has no
+ // /etc/mime.types, so without this the fonts go out as
+ // application/octet-stream.
+ if err := mime.AddExtensionType(".woff2", "font/woff2"); err != nil {
+ panic("woff2 mime: " + err.Error())
+ }
files := http.FileServer(http.FS(sub))
return http.StripPrefix("/static/", http.HandlerFunc(
func(w http.ResponseWriter, r *http.Request) {