diff --git a/public/assets/noto-color-emoji/NotoColorEmoji-Regular.woff2 b/public/assets/noto-color-emoji/NotoColorEmoji-Regular.woff2
new file mode 100644
index 0000000..6dc3499
Binary files /dev/null and b/public/assets/noto-color-emoji/NotoColorEmoji-Regular.woff2 differ
diff --git a/public/css/fonts.css b/public/css/fonts.css
index 8660f30..3484dce 100644
--- a/public/css/fonts.css
+++ b/public/css/fonts.css
@@ -1,39 +1,44 @@
 @font-face {
   font-family: 'Rouna';
-  src: url('/assets/rouna/rouna-bold-webfont.eot');
-  src: url('/assets/rouna/rouna-bold-webfont.eot?#iefix') format('embedded-opentype'),
-       url('/assets/rouna/rouna-bold-webfont.woff2') format('woff2'),
-       url('/assets/rouna/rouna-bold-webfont.woff') format('woff'),
-       url('/assets/rouna/rouna-bold-webfont.ttf') format('truetype');
+  src: url('/assets/fonts/rouna/rouna-bold-webfont.eot');
+  src: url('/assets/fonts/rouna/rouna-bold-webfont.eot?#iefix') format('embedded-opentype'),
+       url('/assets/fonts/rouna/rouna-bold-webfont.woff2') format('woff2'),
+       url('/assets/fonts/rouna/rouna-bold-webfont.woff') format('woff'),
+       url('/assets/fonts/rouna/rouna-bold-webfont.ttf') format('truetype');
   font-weight: 700;
   font-style: normal;
+  font-display: swap;
 }
 
 @font-face {
   font-family: 'Rouna';
-  src: url('/assets/rouna/rouna-medium-webfont.eot');
-  src: url('/assets/rouna/rouna-medium-webfont.eot?#iefix') format('embedded-opentype'),
-       url('/assets/rouna/rouna-medium-webfont.woff2') format('woff2'),
-       url('/assets/rouna/rouna-medium-webfont.woff') format('woff'),
-       url('/assets/rouna/rouna-medium-webfont.ttf') format('truetype');
+  src: url('/assets/fonts/rouna/rouna-medium-webfont.eot');
+  src: url('/assets/fonts/rouna/rouna-medium-webfont.eot?#iefix') format('embedded-opentype'),
+       url('/assets/fonts/rouna/rouna-medium-webfont.woff2') format('woff2'),
+       url('/assets/fonts/rouna/rouna-medium-webfont.woff') format('woff'),
+       url('/assets/fonts/rouna/rouna-medium-webfont.ttf') format('truetype');
   font-weight: 500;
   font-style: normal;
+  font-display: swap;
 }
 
 @font-face {
   font-family: 'Rouna';
-  src: url('/assets/rouna/rouna-regular-webfont.eot');
-  src: url('/assets/rouna/rouna-regular-webfont.eot?#iefix') format('embedded-opentype'),
-       url('/assets/rouna/rouna-regular-webfont.woff2') format('woff2'),
-       url('/assets/rouna/rouna-regular-webfont.woff') format('woff'),
-       url('/assets/rouna/rouna-regular-webfont.ttf') format('truetype');
+  src: url('/assets/fonts/rouna/rouna-regular-webfont.eot');
+  src: url('/assets/fonts/rouna/rouna-regular-webfont.eot?#iefix') format('embedded-opentype'),
+       url('/assets/fonts/rouna/rouna-regular-webfont.woff2') format('woff2'),
+       url('/assets/fonts/rouna/rouna-regular-webfont.woff') format('woff'),
+       url('/assets/fonts/rouna/rouna-regular-webfont.ttf') format('truetype');
   font-weight: normal;
   font-style: normal;
+  font-display: swap;
 }
 
 @font-face {
   font-family: 'Noto Color Emoji';
-  src: url('/assets/noto-color-emoji/NotoColorEmoji-Regular.ttf') format('truetype');
+  src: url('/assets/noto-color-emoji/NotoColorEmoji-Regular.woff2') format('woff2'),
+       url('/assets/noto-color-emoji/NotoColorEmoji-Regular.ttf') format('truetype');
   font-weight: normal;
   font-style: normal;
+  font-display: swap;
 }