你与清晨阳光
回答时间:-12-05
向TA提问
Emoji表情符号在OS X系统和iOS、Android、Windows Phone等各个手机中已经默认支持,所以在这些设备的Web端显示没有问题,可直接使用。
但是在Windows系统中,Web端显示Emoji或多或少都有一些问题。
首先,Windows 8 和 Windows Server 默认也是支持 Emoji 的,但是只有在IE浏览器中才会显示。至于
Windows 7 和 Windows Server 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';
}
}
收起
阅读全文