关于web端添加emoji

关于web端添加emoji

过程

在项目中要添加emoji来增加评论文本的丰富度，于是我找了很多资料去了解emoji是什么。原来emoji就是一连串的unicode码，这下我对unicode码也有一定的了解了。
点击这里了解更多。后来：

• 我就直接将需要的unicode码粘贴进一个数组中loop来展示。原本就知道所有平台的emoji实现都有点不同，于是问了设计说是可以的。可是没想到ie是那样的，一个个黑白的表情，丑死了。
• 于是我就想着使用图片来代替表情unicode码，这样就保持了所有的平台的统一性。可是这个方案遭到了老大的否决。了解更多
• 就开始想着能不能就是自己自定义一个字体集，可以直接去阿里字体图标库。可是这样又有个问题是找不到相应的表情的svg格式的，这个里面倒是有，可是有点不符合设计的要求。
• 后来找到了一个网站，这个在ie下也是可以正常使用emoji的。原本我以为是他应该也是加了字体集什么的。后来发现这个原来是用的window自带的字体集。
  

结果

最后只需要在全局中加一个样式就解决了

    font-family: apple color emoji,segoe ui emoji,noto color emoji,android emoji,emojisymbols,emojione mozilla,twemoji mozilla,segoe ui symbol;

当然这个是加在某个类上，最后使用的时候就用这个类就好了