My website won't use my custom emoji font (Noto Color Emoji), different behaviour in each browser. Why?

问题: 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 ha...

问题:

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:

Rendering in Edge

Firefox:

Rendering in Firefox

Chrome:

Rendering in Chrome

As it should be:

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">
						 
						                      
					
           
                    
  • 发表于 2019-01-17 15:14
  • 阅读 ( 251 )
  • 分类:网络文章

条评论

请先 登录 后评论
不写代码的码农
小编

篇文章

作家榜 »

  1. 小编 文章
返回顶部
部分文章转自于网络,若有侵权请联系我们删除