diff --git a/app/styles/app.scss b/app/styles/app.scss
index 56dcdbe85..f62a478eb 100644
--- a/app/styles/app.scss
+++ b/app/styles/app.scss
@@ -55,12 +55,12 @@ $font-family: Roboto, "Helvetica Neue", sans-serif;
 
 @font-face {
   font-family: 'NotoColorEmoji-Regular';
-  src: url(/fonts/NotoColorEmoji-Regular.ttf) format('truetype');
+  src: url("../fonts/NotoColorEmoji.woff") format("woff");
 }
 
 @font-face {
   font-family: 'NotoEmoji-Bold';
-  src: url(/fonts/NotoColorEmoji-Bold.ttf) format('truetype');
+  src: url("../fonts/NotoEmoji-Bold.ttf") format('truetype');
 }
 
 /*
@@ -74,7 +74,7 @@ $font-family: Roboto, "Helvetica Neue", sans-serif;
   font-family: 'Material Icons';
   font-style: normal;
   font-weight: 400;
-  src: url(/fonts/material_icons_V139.woff2) format('woff2');
+  src: url("../fonts/material_icons_V139.woff2") format('woff2');
 }
 
 .material-icons {
diff --git a/public/fonts/NotoColorEmoji-Regular.ttf b/public/fonts/NotoColorEmoji-Regular.ttf
deleted file mode 100644
index 8ebcc8fde..000000000
Binary files a/public/fonts/NotoColorEmoji-Regular.ttf and /dev/null differ
diff --git a/public/fonts/NotoColorEmoji.woff b/public/fonts/NotoColorEmoji.woff
new file mode 100644
index 000000000..8be519756
Binary files /dev/null and b/public/fonts/NotoColorEmoji.woff differ