emojicss样式,emoji css

表情的历史

Emoji 是可以插入文字的图形符号。

它是一个日语词， e 表示"絵"， moji 表示"文字"。连在一起，就是"絵文字"。

Emoji 在上个世纪90年代，由日本电信商引入服务，最早用于在短消息之中插入表情。2007年，苹果公司的 iPhone 支持了 Emoji，导致它在全世界范围的流行。

早期的 Emoji 是将一些特定的符号组合替换成图片，比如将 :) 替换成?。这种方法很难标准化，能够表达的范围也有限。

2010年，Unicode 开始为 Emoji 分配码点。也就是说，现在的 Emoji 符号就是一个文字，它会被渲染为图形。

由于越来越受欢迎，Emoji 的国际标准在 2015 年出台，目前已经是 5.0 版了。

截止2017年4月，列入 Unicode 的 Emoji 共有 2389个 。

Unicode 只是规定了 Emoji 的码点和含义，并没有规定它的样式。举例来说，码点 U+1F600 表示一张微笑的脸，但是这张脸长什么样，则由各个系统自己实现。

因此，当我们输入这个 Emoji 的时候，并不能保证所有用户看到的都是同一张脸。如果用户的系统没有实现这个 Emoji 符号，用户就会看到一个没有内容的方框，因为系统无法渲染这个码点。

目前， 苹果系统 、 安卓系统 、 Twitter 、 Github 、 Facebook 都有自己的 Emoji 实现。

Emoji 虽然是文字，但是无法书写，必须使用其他方法插入文档。

（1）最简单的方法当然是复制/粘贴，你可以到 getEmoji.com 选中一个 Emoji 贴在自己的文档即可。

（2）另一种方法是通过码点输入 Emoji。以 HTML 网页为例，将码点 U+1F600 写成 HTML 实体的形式 ? （十进制）或 ? （十六进制），就可以插入网页。码点到这个 页面 查询。

（3）JavaScript 输入 Emoji，可以使用 node-emoji 这个库。

（4）还可以通过 CSS 插入 Emoji。

Unicode 除了使用单个码点表示 Emoji，还允许多个码点组合表示一个 Emoji。

其中的一种方式是"零宽度连接符"（ZERO WIDTH JOINER，缩写 ZWJ） U+200D 。举例来说，下面是三个 Emoji 的码点。

上面三个码点使用 U+200D 连接起来， U+1F468 U+200D U+1F469 U+200D U+1F467 ，就会显示为一个 Emoji ???，表示他们组成的家庭。如果用户的系统不支持这种方法，就还是显示为三个独立的 Emoji ???。

根据 emojitracker 的调查，全世界最流行的 emoji，第一名是笑出眼泪 ?，第二名是红心❤️。

日历的 Emoji ?（U+1F4C5） 在苹果系统之中，一律是7月17日。这是苹果公司发布 iCal 的日子。有人戏称这个日子是"世界 Emoji 日"。

（完）

相关问答

Q1: 移动端emoji表情可以用css调整大小吗

emoji表情我上网查了一下他是属于背景图片的，调整大小是可以的，你可以给

表情外层定个大点的宽度然后用background-size:200%; 这里面的大小你自己去调也可以用200PX；

Q2: 如何制作emoji表情

主要可通过两种方法实现；

1、运用FLASH软件等对原图进行操作，添加一些自己想要的效果，这个需要自身能够熟练运用FLASH软件；

2、通过图片编辑软件将两张或多张照片合成，达到动态效果。

Q3: web端怎么和移动端的emoji表情兼容

1、先上张图片，给大家看看需求是什么样的：

要求在安卓端或是iOS端上添加的emoji表情要能在web端进行展示出来。

2、拿到这种需求，对于底层的程序员来说，没办法以前没接触过，我只在斗图中见它们的次数比较多，所以只能去寻找度娘的帮助，你知道的，度娘给我们展示的一般都是比较高级的。所以一般文字太多的比较看不懂，尤其是讲述一些编码的问题，我更是不懂，所以还是手把手的教程比较靠谱。

3、我开始从数据库中拿到的数据是这样的

我展示出来的效果也是这样的，带一些小框框，这怎么能忍受的了，果断去寻找解决的办法。

4、最终，I get it  ,下面我讲述一些解决的办法。

5、首先引入，emoji.css  emoji.js   emoji.png这三个文件。记住这三个资源文件是在同一层的，并且千万别忘记引用.png图片，因为表情的展示全靠它呢。

这里看到了没，最关键的代码，其中$('.remark-edit')是你用来展示表情的div，记住div里存放的是展示表情和字符串的文本，不能有其他的标签在里面，我试了会出错，不过也肯定能解决，我没尝试哈，大家可以试试看。

emoji.unifiedToHTML(html)就是调用emoji.js里的表情解析方法，我用的是avalon引入js的方法，如果想直接引入，你可以用emoji.js里的对象

如果要进行发送评论的时候要注意对emoji表情进行反解析，也就是过滤掉span标签，进行还原为原始的数据，看下图所示：

就是这个来去调用。

Emoji表情符号在OS X系统和iOS、Android、Windows Phone等各个手机中已经默认支持，所以在这些设备的Web端显示没有问题，可直接使用。

但是在Windows系统中，Web端显示Emoji或多或少都有一些问题。

首先，Windows 8 和 Windows Server 2012 默认也是支持 Emoji 的，但是只有在IE浏览器中才会显示。至于 

Windows 7 和 Windows Server 2008 R2 只要是更新了补丁包 KB2729094 

的，也可以在IE中直接显示Emoji。而这些系统的非IE浏览器却无法显示。

其实，补丁包 KB2729094 对Emoji的支持只不过是增加了“Segoe UI 符号字体”，只要在Web端CSS中引入这个字体，便可以让所有浏览器都支持Emoji。

Q4: 怎样让Android手机显示iPhone的emoji样式?

首先要有root手机，并安装root explorer或者solid explorer。

1、在xda上面下载iOS11样式的emoji压缩包，有很多版本，可以选最新的ios11beta2。

2、用压缩包解压出来的NotoColorEmoji.ttf，直接覆盖掉系统目录root/system/fonts里面的NotoColorEmoji.ttf

3、重启即可