diff --git a/assets/css/style.css b/assets/css/style.css
index 9708038..87cf74b 100644
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -242,8 +242,12 @@
   }
 }
 
-/* Fonts */
-@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap");
+/* Fonts. Inter is loaded in head.html. Without this rule, text that has no
+   inter-* class, such as paragraphs written in Markdown, uses Bootstrap's
+   system font stack. */
+body {
+  font-family: "Inter", sans-serif !important;
+}
 
 /* Variables */
 :root {
diff --git a/layouts/partials/essentials/head.html b/layouts/partials/essentials/head.html
index 21fdfc4..f29637c 100644
--- a/layouts/partials/essentials/head.html
+++ b/layouts/partials/essentials/head.html
@@ -45,3 +45,8 @@
 
 <!-- Custom CSS fixes -->
 <link rel="stylesheet" href="/css/list-alignment-fix.css">
+
+{{/*  Inter, the typeface that the font-family rules in style.css name  */}}
+<link rel="preconnect" href="https://fonts.googleapis.com">
+<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap">
diff --git a/layouts/partials/shared/header.html b/layouts/partials/shared/header.html
index 32469f8..784e6b0 100644
--- a/layouts/partials/shared/header.html
+++ b/layouts/partials/shared/header.html
@@ -151,7 +151,7 @@
               <div class="navbar-right ms-lg-3">
                 <a
                   href="{{ site.Params.cta.link | relURL }}"
-                  class="btn btn-primary bg-second scale border-second animate">
+                  class="btn btn-primary bg-second scale border-second animate text-nowrap">
                   {{ site.Params.cta.text }}
                 </a>
               </div>