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');
 }