use emoji in java_My website won't use my custom emoji font (Noto Color Emoji), different behaviour ...

I'd like to use colored Emojis ony my new project. Therefore I implemented the newest Noto Color Emoji-Font to my project. My backend is in ASP.NET Core btw.

But now I have a strange behaviour when rendering the emojis on my website, every browser renders it differently, therefore I think my font won't get loaded, maybe?

Edge:

Firefox:

Chrome:

As it should be:

site.css:

/* fonts*/

@font-face {

font-family: "color-emoji";

src: local("Noto Color Emoji");

src: url("./fonts/NotoColorEmoji.ttf");

}

.emoji {

font-family: 'color-emoji';

}

In my view: