diff --git a/src/assets/styles/index.scss b/src/assets/styles/index.scss
index aa12ded7..75219b3c 100644
--- a/src/assets/styles/index.scss
+++ b/src/assets/styles/index.scss
@@ -6,7 +6,7 @@ body {
   margin: 0;
   font-family:
     -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu",
-    "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+    "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif, "twemoji mozilla";
   -webkit-font-smoothing: antialiased;
 
   user-select: none;
diff --git a/src/index.css b/src/index.css
index c8b40ee8..4a1fa7c0 100644
--- a/src/index.css
+++ b/src/index.css
@@ -1,11 +1,6 @@
 @import "tailwindcss";
 @import "tw-animate-css";
 
-@font-face {
-  font-family: "twemoji mozilla";
-  src: url("./assets/fonts/Twemoji.Mozilla.ttf");
-}
-
 @variant dark .dark &;
 
 @theme inline {
@@ -79,7 +74,6 @@
   --sidebar-accent-foreground: oklch(0.208 0.042 265.755);
   --sidebar-border: oklch(0.929 0.013 255.508);
   --sidebar-ring: oklch(0.704 0.04 256.788);
-  --font-sans: "twemoji mozilla", "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
 }
 
 .dark {