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:
<p class="emoji">❤ ❤ ❤</p>
This particular emoji is just an example btw.
Do you have any ideas? I know why I am a backend developer in my job. Frontend is killing me all the time.
