Add Literata and Inter fonts, title-screen audio

Fonts (SIL Open Font License; licenses preserved alongside the files):

  static/fonts/Literata-Regular.ttf   body — 400 weight
  static/fonts/Literata-Italic.ttf    body — 400 italic
  static/fonts/Literata-Medium.ttf    body — 500 weight
  static/fonts/Inter-Regular.ttf      UI chrome — 400 weight
  static/fonts/Inter-Medium.ttf       UI chrome — 500 weight
  static/fonts/Literata.OFL.txt
  static/fonts/Inter.OFL.txt

Google Fonts' Inter distribution is optical-size-tiered — the 18pt
variants are tuned for the 13–18px range our UI uses, so they're
aliased as the base "Inter" family. Crimson Pro (memoir body) is not
yet sourced; its @font-face block and preload hint both drop out of
app.css / app.html for now and land when the memoir screen is built.

app.css swaps the woff2 references for ttf (format: 'truetype'), and
the @font-face comment now reflects the reality of what's on disk.
app.html preloads the ttf variants.

svelte.config.js drops the prerender handleHttpError shim that was
tolerating missing /fonts/ 404s — the files exist now, so the build
should fail loudly if any preloaded font goes missing.

Title-screen audio:

  static/audio/title/piano-relaxing.mp3           — "Piano Relaxing"
                                                    by atlasaudio,
                                                    Pixabay Content
                                                    License
  static/audio/title/piano-relaxing.license.txt   — Pixabay license
                                                    certificate

Note on design: docs/17-first-hour.md said "no menu music" on the
title screen. Running with this addition per the director's current
direction (the design docs reflect an earlier stage of thinking).

1 files changed, 11 insertions, 24 deletions

diff --git a/static/css/app.css b/static/css/app.css
index 0714faf..6ea23f1 100644
--- a/static/css/app.css
+++ b/static/css/app.css
@@ -176,9 +176,12 @@ button:focus-visible {
 /* ---------------------------------------------------------------------------
  * Font-face declarations
  *
- * Font files ship in static/fonts/ and are sourced separately (Literata,
- * Inter, Crimson Pro — subset to Latin basics + punctuation). Until they
- * land, the body falls back through the font-family cascade above.
+ * Literata and Inter ship in static/fonts/ under the SIL Open Font License
+ * (see static/fonts/Literata.OFL.txt and Inter.OFL.txt). Inter's static
+ * distribution is optical-size-tiered; the 18pt variants are tuned for
+ * the 13–18px range our UI uses and are aliased here as the base "Inter".
+ * Crimson Pro (memoir body) is not yet sourced — the memoir view will add
+ * its @font-face block when the screen is built.
  * ------------------------------------------------------------------------ */
 
 @font-face {
@@ -186,7 +189,7 @@ button:focus-visible {
   font-style: normal;
   font-weight: 400;
   font-display: swap;
-  src: url('../fonts/Literata-Regular.woff2') format('woff2');
+  src: url('../fonts/Literata-Regular.ttf') format('truetype');
 }
 
 @font-face {
@@ -194,7 +197,7 @@ button:focus-visible {
   font-style: italic;
   font-weight: 400;
   font-display: swap;
-  src: url('../fonts/Literata-Italic.woff2') format('woff2');
+  src: url('../fonts/Literata-Italic.ttf') format('truetype');
 }
 
 @font-face {
@@ -202,7 +205,7 @@ button:focus-visible {
   font-style: normal;
   font-weight: 500;
   font-display: swap;
-  src: url('../fonts/Literata-Medium.woff2') format('woff2');
+  src: url('../fonts/Literata-Medium.ttf') format('truetype');
 }
 
 @font-face {
@@ -210,7 +213,7 @@ button:focus-visible {
   font-style: normal;
   font-weight: 400;
   font-display: swap;
-  src: url('../fonts/Inter-Regular.woff2') format('woff2');
+  src: url('../fonts/Inter-Regular.ttf') format('truetype');
 }
 
 @font-face {
@@ -218,21 +221,5 @@ button:focus-visible {
   font-style: normal;
   font-weight: 500;
   font-display: swap;
-  src: url('../fonts/Inter-Medium.woff2') format('woff2');
-}
-
-@font-face {
-  font-family: 'Crimson Pro';
-  font-style: normal;
-  font-weight: 400;
-  font-display: swap;
-  src: url('../fonts/CrimsonPro-Regular.woff2') format('woff2');
-}
-
-@font-face {
-  font-family: 'Crimson Pro';
-  font-style: italic;
-  font-weight: 400;
-  font-display: swap;
-  src: url('../fonts/CrimsonPro-Italic.woff2') format('woff2');
+  src: url('../fonts/Inter-Medium.ttf') format('truetype');
 }