diff --git a/assets/theme-css/navbar.css b/assets/theme-css/navbar.css
index 4650f5f3..d650fab3 100644
--- a/assets/theme-css/navbar.css
+++ b/assets/theme-css/navbar.css
@@ -18,6 +18,7 @@
 .navbar-logo-text {
   font-size: 1.25rem;
   font-weight: 700;
+  font-family: "Lato", sans-serif;
 }
 .navbar .container {
   min-height: 4rem;
diff --git a/doc/config.yaml b/doc/config.yaml
index 7386f632..68a81a9a 100644
--- a/doc/config.yaml
+++ b/doc/config.yaml
@@ -26,9 +26,6 @@ params:
     image: logo.svg
     text: Scientific Python Hugo Theme
     link: /
-  fonts:
-    - name: "Lato"
-      weights: [400, 900]
   hero:
     title: Scientific Python Theme
     image: logo.svg
diff --git a/exampleSite/config.yaml b/exampleSite/config.yaml
index d8ec9622..a2c9b5b3 100644
--- a/exampleSite/config.yaml
+++ b/exampleSite/config.yaml
@@ -26,9 +26,6 @@ params:
     image: logo.svg
     text: Scientific Python Hugo Theme
     link: /
-  fonts:
-    - name: "Lato"
-      weights: [400, 900]
   hero:
     title: Example Site
     image: logo.svg
diff --git a/layouts/partials/css.html b/layouts/partials/css.html
index c1d0643e..0f754a7e 100644
--- a/layouts/partials/css.html
+++ b/layouts/partials/css.html
@@ -21,9 +21,14 @@
 
 <link rel="icon" href="{{ "images/favicon.ico" | relURL }}" />
 
-<!-- Fallback font for symbols (such as "🛈"). --
+<!-- Fallback font for symbols (such as "🛈"). -->
 <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Noto+Sans+Symbols+2">
 
+<!-- Default theme font (Lato). -->
+<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=Lato:wght@400;700">
+
 <!-- Process and include Sass files. -->
 {{- $sass := append (resources.Get "theme-css/sphinx-design/index.scss")
                     (resources.Get "theme-css/pst/bootstrap.scss")