diff --git a/book/COLOPHON.adoc b/book/COLOPHON.adoc
index 38679ba..34243e6 100644
--- a/book/COLOPHON.adoc
+++ b/book/COLOPHON.adoc
@@ -9,7 +9,7 @@
     styled with https://missing.style[Missing.css (stylesheet)].
         
     Fonts:: Headings in https://fontlibrary.org/en/font/chicagoflf[ChicagoFLF],
-    body text in https://fonts.adobe.com/fonts/source-serif-pro[Source Serif Pro],
+    body text in https://www.type-together.com/literata-font[Literata],
     secondary text and interactive elements in
-    link:https://fonts.adobe.com/fonts/source-sans-3[Source Sans 3],
+    https://fonts.google.com/specimen/Merriweather+Sans[Merriweather Sans],
     code in https://berkeleygraphics.com/typefaces/berkeley-mono/[Berkeley Mono].
diff --git a/www/_includes/layout.njk b/www/_includes/layout.njk
index d6a6adf..b0c481a 100644
--- a/www/_includes/layout.njk
+++ b/www/_includes/layout.njk
@@ -5,7 +5,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Hypermedia Systems</title>
     <link rel="preconnect" href="https://fonts.bunny.net">
-    <link href="https://fonts.bunny.net/css?family=merriweather:400,400i,700,700i|merriweather-sans:400,400i,700,700i" rel="stylesheet" />
+    <link href="https://fonts.bunny.net/css?family=literata:400,400i,700,700i|merriweather-sans:400,400i,700,700i" rel="stylesheet" />
     <link rel="stylesheet" href="https://unpkg.com/missing.css@1.0.11/dist/missing.min.css">
     <link rel="stylesheet" href="https://unpkg.com/missing.css@1.0.11/dist/missing-prism.min.css">
     <style>
@@ -15,7 +15,7 @@
     }
 
     :root {
-        --main-font: "Merriweather", serif;
+        --main-font: "Literata", serif;
         --secondary-font: "Merriweather Sans", sans-serif;
         --display-font: "Chicago FLF", "Impact", "Oswald", sans-serif;
         --mono-font: "Berkeley Mono", "Input Mono", "Iosevka", "Liberation Mono", "Victor Mono", "Consolas", monospace, monospace;
@@ -36,6 +36,10 @@
         }
     }
 
+    pre {
+    font-size: 1em;
+    }
+
     h1, h2, h3, h4, h5, h6 {
         font-weight: normal;
         font-family: var(--display-font);