diff --git a/src/utils/FontManager.js b/src/utils/FontManager.js
index fd0fcdd8de..3080526135 100644
--- a/src/utils/FontManager.js
+++ b/src/utils/FontManager.js
@@ -77,9 +77,10 @@ export async function fixupColorFonts() {
     }
 
     if (await isColrFontSupported()) {
-        const font = new FontFace("Twemoji",
-            `url('${require("../../res/fonts/Twemoji_Mozilla/TwemojiMozilla-colr.woff2")}')`, {});
-        document.fonts.add(font);
+        const path = `url('${require("../../res/fonts/Twemoji_Mozilla/TwemojiMozilla-colr.woff2")}')`;
+        document.fonts.add(new FontFace("Twemoji", path, {}));
+        document.fonts.add(new FontFace("Twemoji", path, { weight: 600 }));
+        document.fonts.add(new FontFace("Twemoji", path, { weight: 700 }));
     }
     // if not supported, the browser will fall back to one of the native fonts specified.
 }