fix external resources for twemoji

front/src/Components/EmoteMenu/EmoteMenu.svelte

@@ -13,7 +13,6 @@
   onMount(() => {
     picker = new EmojiButton({
       rootElement: emojiContainer,
-      style : 'twemoji',
       styleProperties: {
         '--font': 'Press Start 2P'
       },
@@ -58,9 +57,10 @@
     height: 100%;
     justify-content: center;
     align-items: center;
+
+    .emote-menu {
+      pointer-events: all;
+    }
   }
 
-  .emote-menu {
-    pointer-events: all;
-  }
 </style>

front/src/Phaser/Entity/Character.ts

@@ -293,7 +293,7 @@ export abstract class Character extends Container {
         this.cancelPreviousEmote();
         const emoteY = -45;
         this.playerName.setVisible(false);
-        this.emote = new Text(this.scene, -10, 0, emote, { fontFamily: '"twemoji"', fontSize: '20px' });
+        this.emote = new Text(this.scene, -10, 0, emote, { fontFamily: '"Twemoji Mozilla"', fontSize: '20px' });
         this.emote.setAlpha(0);
         this.add(this.emote);
         this.createStartTransition(emoteY);

front/style/fonts.scss

@@ -1,7 +1,7 @@
 @import "~@fontsource/press-start-2p/index.css";
 
 @font-face {
-  font-family: twemoji;
+  font-family: "Twemoji Mozilla";
   src: url("./fonts/TwemojiMozilla.ttf") format('truetype');
 }
 

front/style/style.scss

@@ -1113,3 +1113,7 @@ div.is-silent {
 div.is-silent.hide {
     right: 15px;
 }
+
+.emote-menu .emoji-picker .emoji-picker__emoji {
+    font-family: "Twemoji Mozilla" !important;
+}