Noto Color Emoji Userscript

better-emojis.js

// ==UserScript==
// @name        Better emojis
// @namespace   Violentmonkey Scripts
// @match       *://*/*
// @grant       none
// @version     1.0
// @run-at      document-end
// @author      -
// @description Replaces the default emoji font on your device. Works with newer browsers (Chrome & Edge 98+, Firefox 107+, Opera 100+)
// ==/UserScript==

const fontURL = document.location.protocol + "//fonts.googleapis.com/css2?family=Noto+Colr+Emoji+Glyf";
const stylesheet = document.createElement("link");

stylesheet.setAttribute("rel", "stylesheet");
stylesheet.setAttribute("href", fontURL);
stylesheet.setAttribute("crossorigin", "anonymous");

document.head.appendChild(stylesheet);

for (const sheet of document.styleSheets) {
    try {
        for (const rule of sheet.cssRules) {
            if (rule.style?.fontFamily?.length > 0) {
                rule.style.fontFamily = rule.style.fontFamily + `, "Noto Colr Emoji Glyf"`;
            }
        }
    } catch (e) {}
}