diff --git a/frontpage/index.html b/frontpage/index.html
index 3698ed008..611364bae 100644
--- a/frontpage/index.html
+++ b/frontpage/index.html
@@ -5,10 +5,38 @@
   <meta charset="utf-8" />
   <title>Polkadot Blockchain Academy</title>
   <link rel="stylesheet" href="./assets/PBA-theme.css" id="theme" />
-  <link rel="stylesheet" href="{{{themeUrl}}}" id="theme" />
   <link rel="icon" href="./assets/favicon.svg" />
   <link rel="shortcut icon" href="./assets/favicon.png" />
   <style>
+    @font-face {
+      font-family: 'Unbounded';
+      font-style: normal;
+      font-weight: 300;
+      src: url('./fonts/unbounded/Unbounded-Light.woff2');
+      src: local(''),
+            url('./fonts/unbounded/Unbounded-Light.woff2') format('woff2'), /* Super Modern Browsers */
+            url('./fonts/unbounded/Unbounded-Light.ttf') format('truetype'), /* Safari, Android, iOS */
+    }
+
+    @font-face {
+      font-family: 'Unbounded';
+      font-style: normal;
+      font-weight: 400;
+      src: url('./fonts/unbounded/Unbounded-Regular.woff2');
+      src: local(''),
+            url('./fonts/unbounded/Unbounded-Regular.woff2') format('woff2'), /* Super Modern Browsers */
+            url('./fonts/unbounded/Unbounded-Regular.ttf') format('truetype'), /* Safari, Android, iOS */
+    }
+
+    @font-face {
+      font-family: 'Unbounded';
+      font-style: normal;
+      font-weight: 700;
+      src: url('./fonts/unbounded/Unbounded-Bold.woff2');
+      src: local(''),
+            url('./fonts/unbounded/Unbounded-Bold.woff2') format('woff2'), /* Super Modern Browsers */
+            url('./fonts/unbounded/Unbounded-Bold.ttf') format('truetype'), /* Safari, Android, iOS */
+    }
     /* local variables */
     html {
       --font-size: 16px;