diff --git a/antora-ui/src/font/NotoSansDisplay-Italic.ttf b/antora-ui/src/font/NotoSansDisplay-Italic.ttf
new file mode 100644
index 0000000..bdeb0cc
Binary files /dev/null and b/antora-ui/src/font/NotoSansDisplay-Italic.ttf differ
diff --git a/antora-ui/src/font/NotoSansDisplay.ttf b/antora-ui/src/font/NotoSansDisplay.ttf
new file mode 100644
index 0000000..04f51c4
Binary files /dev/null and b/antora-ui/src/font/NotoSansDisplay.ttf differ
diff --git a/antora-ui/src/font/NotoSansMono.ttf b/antora-ui/src/font/NotoSansMono.ttf
new file mode 100644
index 0000000..122ef75
Binary files /dev/null and b/antora-ui/src/font/NotoSansMono.ttf differ
diff --git a/antora-ui/src/partials/head-fonts.hbs b/antora-ui/src/partials/head-fonts.hbs
new file mode 100644
index 0000000..2fd1694
--- /dev/null
+++ b/antora-ui/src/partials/head-fonts.hbs
@@ -0,0 +1,40 @@
+<link rel="preload" href="{{{uiRootPath}}}/font/NotoSansDisplay.ttf" as="font" type="font/ttf" fetchpriority="high" />
+<link rel="preload" href="{{{uiRootPath}}}/font/NotoSansDisplay-Italic.ttf" as="font" type="font/ttf"
+  fetchpriority="high" />
+<link rel="preload" href="{{{uiRootPath}}}/font/NotoSansMono.ttf" as="font" type="font/ttf" fetchpriority="high" />
+<script>
+(function() {
+  'use strict';
+  if (!('fonts' in document)) return;
+  
+  document.documentElement.style.visibility = 'hidden';
+  
+  var fontUrls = [
+    { family: 'Noto Sans', url: '{{{uiRootPath}}}/font/NotoSansDisplay.ttf', style: 'normal' },
+    { family: 'Noto Sans', url: '{{{uiRootPath}}}/font/NotoSansDisplay-Italic.ttf', style: 'italic' },
+    { family: 'Noto Sans Mono', url: '{{{uiRootPath}}}/font/NotoSansMono.ttf', style: 'normal' }
+  ];
+  
+  var fontPromises = fontUrls.map(function(fontConfig) {
+    var fontFace = new FontFace(fontConfig.family, 'url(' + fontConfig.url + ')', {
+      style: fontConfig.style
+    });
+    return fontFace.load().then(function(loadedFont) {
+      document.fonts.add(loadedFont);
+      return loadedFont;
+    }).catch(function() {
+      return null;
+    });
+  });
+  
+  var showContent = function() {
+    document.documentElement.style.visibility = '';
+  };
+  
+  Promise.all(fontPromises).then(function() {
+    document.fonts.ready.then(showContent);
+  }).catch(function() {
+    setTimeout(showContent, 100);
+  });
+})();
+</script>
\ No newline at end of file
diff --git a/antora-ui/src/partials/head.hbs b/antora-ui/src/partials/head.hbs
index dff1982..c23098f 100644
--- a/antora-ui/src/partials/head.hbs
+++ b/antora-ui/src/partials/head.hbs
@@ -1,4 +1,5 @@
 {{> head-prelude}}
+{{> head-fonts}}
 {{> head-title}}
 {{> head-info}}
 {{> head-styles}}