a project inspired by the Twitter/X Twemoji project — https://github.com/twitter/twemoji — but for the Google Emoji set instead
You may include Noto.js from the jsDelivr CDN, or you may alternatively host it locally by hosting the dist/noto-vX.Y.min.js file on your server and embedding it onto your application from there.
To include Noto.js from jsDelivr, append the following line inside your <head></head> tag:
<script src="https://cdn.jsdelivr.net/gh/oddmario/noto.js/dist/noto-v1.2.min.js"></script>You can then start making your web pages look prettier using the main function of Noto.js, notojs.parse():
notojs.parse(document.body) // finds any emojis inside the DOM body and converts them to Google Noto emojis
notojs.parse(document.querySelector("#mycooldiv")) // finds any emojis inside the #mycooldiv DOM element and converts them to Google Noto emojisOr alternatively:
You can apply the ntemoji class on any element that contains an emoji. It will use the Google Noto Emoji font as long as Noto.js has been initialised using notojs.init() at least once.
<script>
notojs.init();
</script>
<span class="ntemoji">🥸</span>- Code licensed under the MIT License: http://opensource.org/licenses/MIT
- Graphics provided by the Google Noto project: https://github.com/googlefonts/noto-emoji