diff --git a/src/.vuepress/public/logo.webp b/src/.vuepress/public/logo.webp
new file mode 100644
index 0000000..fc9a59e
Binary files /dev/null and b/src/.vuepress/public/logo.webp differ
diff --git a/src/.vuepress/styles/index.styl b/src/.vuepress/styles/index.styl
index e56d5fd..a97d464 100644
--- a/src/.vuepress/styles/index.styl
+++ b/src/.vuepress/styles/index.styl
@@ -1,5 +1,5 @@
 .forgotten-pepper {
-  background: url('~@assets/logo.png');
+  background: url('/logo.webp');
   background-repeat: no-repeat;
   background-size: contain;
 }
\ No newline at end of file
diff --git a/src/.vuepress/theme/styles/fonts.styl b/src/.vuepress/theme/styles/fonts.styl
index 2c3a1d0..1196ada 100644
--- a/src/.vuepress/theme/styles/fonts.styl
+++ b/src/.vuepress/theme/styles/fonts.styl
@@ -1,6 +1,7 @@
 @font-face {
    font-family: forty-two;
    src: url('~@fonts/42/42.ttf');
+   font-display: swap;
 }
 
 .font-forty-two {
@@ -10,6 +11,7 @@
 @font-face {
    font-family: pompiere-regular;
    src: url('~@fonts/pompiere/Pompiere-Regular.ttf');
+   font-display: swap;
 }
 
 .font-pompiere-regular {
@@ -19,6 +21,7 @@
 @font-face {
    font-family: life-savers-regular;
    src: url('~@fonts/life-savers/LifeSavers-Regular.ttf');
+   font-display: swap;
 }
 
 .font-life-savers-regular {
@@ -28,6 +31,7 @@
 @font-face {
    font-family: life-savers-bold;
    src: url('~@fonts/life-savers/LifeSavers-Bold.ttf');
+   font-display: swap;
 }
 
 .font-life-savers-bold {
@@ -37,6 +41,7 @@
 @font-face {
    font-family: life-savers-extra-bold;
    src: url('~@fonts/life-savers/LifeSavers-ExtraBold.ttf');
+   font-display: swap;
 }
 
 .font-life-savers-extra-bold {