diff --git a/eleventy.config.js b/eleventy.config.js
index abb4ea2..fcb3c23 100644
--- a/eleventy.config.js
+++ b/eleventy.config.js
@@ -56,6 +56,7 @@ module.exports = function (eleventyConfig) {
 
   // Root-level shared assets
   eleventyConfig.addPassthroughCopy({ "shared/base.css": "shared-base.css" });
+  eleventyConfig.addPassthroughCopy({ "shared/fonts/lobster-latin.woff2": "fonts/lobster-latin.woff2" });
   eleventyConfig.addPassthroughCopy({ "shared/favicon/hub.svg": "favicon.svg" });
   eleventyConfig.addPassthroughCopy({ "hub/robots.txt": "robots.txt" });
 
diff --git a/shared/_includes/base.njk b/shared/_includes/base.njk
index bfe8597..55f83d3 100644
--- a/shared/_includes/base.njk
+++ b/shared/_includes/base.njk
@@ -18,9 +18,6 @@
   <meta name="twitter:title" content="{{ title }}{% if 'moonweb' not in title and 'stefankoelle' not in title %} · moonweb.org{% endif %}">
   <meta name="twitter:description" content="{{ description }}">
   {% if ogImage %}<meta name="twitter:image" content="{{ site.url }}{{ ogImage }}">{% endif %}
-  <link rel="preconnect" href="https://fonts.googleapis.com">
-  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-  <link href="https://fonts.googleapis.com/css2?family=Lobster&display=swap" rel="stylesheet">
   <link rel="icon" href="{% if section and section != 'hub' %}/{{ section }}/favicon.svg{% else %}/favicon.svg{% endif %}">
   <link rel="stylesheet" href="/shared-base.css">
   <style>:root { --accent: {% if section == 'infra' %}#99333A{% elif section == 'smarthome' %}#1f8a8a{% elif section == 'code' %}#3E5098{% elif section == 'retro' %}#8a6d3b{% else %}#3b6ea5{% endif %}; }</style>
diff --git a/shared/base.css b/shared/base.css
index 59b902e..ae03687 100644
--- a/shared/base.css
+++ b/shared/base.css
@@ -10,6 +10,14 @@
 
 * { box-sizing: border-box; }
 
+@font-face {
+  font-family: 'Lobster';
+  font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: url('fonts/lobster-latin.woff2') format('woff2');
+}
+
 body {
   margin: 0;
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
diff --git a/shared/fonts/lobster-latin.woff2 b/shared/fonts/lobster-latin.woff2
new file mode 100644
index 0000000..656ed22
Binary files /dev/null and b/shared/fonts/lobster-latin.woff2 differ
diff --git a/stefankoelle/_includes/base.njk b/stefankoelle/_includes/base.njk
index feeb5a5..739bec9 100644
--- a/stefankoelle/_includes/base.njk
+++ b/stefankoelle/_includes/base.njk
@@ -14,9 +14,6 @@
   <meta name="twitter:title" content="{{ title }} · {{ siteTitle | default("moonweb.org") }}">
   <meta name="twitter:description" content="{{ description }}">
   <link rel="icon" href="/favicon.svg" type="image/svg+xml">
-  <link rel="preconnect" href="https://fonts.googleapis.com">
-  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-  <link href="https://fonts.googleapis.com/css2?family=Lobster&display=swap" rel="stylesheet">
   <link rel="stylesheet" href="/shared-base.css">
   <link rel="stylesheet" href="/theme.css">
 </head>
diff --git a/stefankoelle/eleventy.config.js b/stefankoelle/eleventy.config.js
index 85e9c27..cf858cf 100644
--- a/stefankoelle/eleventy.config.js
+++ b/stefankoelle/eleventy.config.js
@@ -7,6 +7,7 @@ module.exports = function (eleventyConfig) {
   eleventyConfig.addPassthroughCopy({ "stefankoelle/.htaccess": ".htaccess" });
   eleventyConfig.addPassthroughCopy({ "stefankoelle/pdf/cv.pdf": "pdf/cv.pdf" });
   eleventyConfig.addPassthroughCopy({ "shared/base.css": "shared-base.css" });
+  eleventyConfig.addPassthroughCopy({ "shared/fonts/lobster-latin.woff2": "fonts/lobster-latin.woff2" });
   eleventyConfig.addPassthroughCopy({ "shared/theme-hub.css": "theme.css" });
   eleventyConfig.addPassthroughCopy({ "shared/favicon/hub.svg": "favicon.svg" });