android ios emoji兼容,web端怎么和移动端emoji表情兼容

你与清晨阳光

回答时间：2019-12-05

向TA提问

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。

先去有该字体文件的系统中找到字体文件“Segoe UI Emoji”(文件名seguiemj.ttf)；然后将ttf字体文件转成eot格式(针对老的IE浏览器)；最后是CSS：

@font-face {

font-family: 'Emoji';

src: url('../fonts/seguiemj.eot');

src: url('../fonts/seguiemj.eot?#iefix') format('embedded-opentype'),

url('../fonts/seguiemj.ttf') format('truetype');

}

body {

font-family: 'Segoe UI Emoji', 'Emoji', Tahoma, Geneva, 'Simsun';

}

input, button, textatea, select {

font-family: 'Segoe UI Emoji', 'Emoji', Tahoma, Geneva, 'Simsun';

}

html:root {

body {

font-family: Tahoma, Geneva, 'Microsoft Yahei', 'Simsun', 'Segoe UI Emoji', 'Emoji';

}

input, button, textarea, select {

font-family: Tahoma, Geneva, 'Microsoft Yahei', 'Simsun', 'Segoe UI Emoji', 'Emoji';

}

}

收起

阅读全文