emoji-one-color.user.js

// ==UserScript==
// @name           Emoji One Color Font
// @namespace      http://dango.space
// @description    Insert Emoji One Color font into css on all pages
// @match          *://*/*
// @require        https://ajax.googleapis.com/ajax/libs/jquery/2.2.2/jquery.min.js
// @grant          none
// ==/UserScript==

this.$ = this.jQuery = jQuery.noConflict(true);

$("body").css("font-family", function(index,currentValue){
  if (currentValue.match(/Emoji One Color/i)) {
    return;
  } else if (typeof currentValue == 'undefined') {
    return "Emoji One Color";
  } else {
    return '"Emoji One Color",' + currentValue;
  }
});

I had to modify this to say "EmojiOne Color", and then it works, but only on 1 page out of 5 that I've tried. Using the Font Finder extension I can see that it's modifying the font stack for the body element but not for the inner elements that aren't working.

Changing the browser's default font to Emoji One kind of works, but probably has side effects?

@endolith Replacing $("body") with $("*") makes it override emoji for every element, but I can't imagine it's easy on the browser.

Perhaps a userstyle of the form ```

• {
  font-family: EmojiOne Color !important;
  }```
  would work?

Where is this script supposed to be executed?

Where is this script supposed to be executed?

It would typically be run in a browser extension such as Greasemonkey/Tampermonkey, however I no longer use this personally.

Where is this script supposed to be executed?

It would typically be run in a browser extension such as Greasemonkey/Tampermonkey, however I no longer use this personally.

What do you use now as a replacement/substitute?