diff --git a/ui/_/images/knight.webp b/ui/_/images/knight.webp
new file mode 100644
index 0000000..0472250
Binary files /dev/null and b/ui/_/images/knight.webp differ
diff --git a/ui/public/index.html b/ui/public/index.html
index 16c4c9c..d11835d 100644
--- a/ui/public/index.html
+++ b/ui/public/index.html
@@ -5,6 +5,20 @@
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <link rel="icon" href="/_/icons/logo.svg">
     <link rel="stylesheet" href="/_/code/shared.css">
+    <link
+      rel="preload"
+      href="/_/fonts/BonaNova/BonaNova-Regular.woff"
+      as="font"
+      type="font/woff2"
+      crossorigin
+    >
+    <link
+      rel="preload"
+      href="/_/fonts/BonaNova/BonaNova-Bold.woff"
+      as="font"
+      type="font/woff"
+      crossorigin
+    >
     <style>
 
       body {
diff --git a/ui/public/pages/Home.js b/ui/public/pages/Home.js
index 6f3c0e2..7aebfea 100644
--- a/ui/public/pages/Home.js
+++ b/ui/public/pages/Home.js
@@ -25,7 +25,7 @@ class Home extends Shadow {
     
             switch(window.location.pathname) {
                 case "/":
-                    img("/_/images/knight.png", "29vmax")
+                    img("/_/images/knight.webp", "29vmax")
                         .position("absolute")
                         .left(50, vw).top(isMobile() ? 50 : 53, vh)
                         .center()