diff --git a/res/fonts/Twemoji_Mozilla/TwemojiMozilla-sbix.woff2 b/res/fonts/Twemoji_Mozilla/TwemojiMozilla-sbix.woff2 new file mode 100644 index 0000000000..91c4cc97b9 Binary files /dev/null and b/res/fonts/Twemoji_Mozilla/TwemojiMozilla-sbix.woff2 differ diff --git a/src/utils/FontManager.js b/src/utils/FontManager.js index 796018a497..8a2e824928 100644 --- a/src/utils/FontManager.js +++ b/src/utils/FontManager.js @@ -115,6 +115,13 @@ export async function fixupColorFonts() { 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. + else { + // fall back to SBIX, generated via https://github.com/matrix-org/twemoji-colr/tree/matthew/sbix + const path = `url('${require("../../res/fonts/Twemoji_Mozilla/TwemojiMozilla-sbix.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 })); + } + // ...and if SBIX is not supported, the browser will fall back to one of the native fonts specified. }