200字范文,内容丰富有趣,生活中的好帮手!
200字范文 > android ios emoji兼容 web端怎么和移动端emoji表情兼容

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

时间:2021-09-27 01:19:00

相关推荐

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

你与清晨阳光

回答时间:-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';

}

}

收起

阅读全文

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。