你与清晨阳光

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

}

}

收起

阅读全文

android ios emoji兼容,web端怎么和移动端emoji表情兼容相关推荐

  1. 【Flutter】手机应用类型 ( Android | iOS | Native 应用 | Web 应用 | Hybrid 应用 | ReactNative 应用 | Flutter 应用 )

    文章目录 一.Native 应用 二.Web 应用 三.Hybrid 应用 四.ReactNative 应用 五.Flutter 应用 一.Native 应用 原生应用开发 : Android / i ...

  2. android ios 开发框架,腾讯开源新生移动跨端开发框架Hippy:支持iOS、安卓

    原标题:腾讯开源新生移动跨端开发框架Hippy:支持iOS.安卓 来源:IT之家 新酷产品第一时间免费试玩,还有众多优质达人分享独到生活经验,快来新浪众测,体验各领域最前沿.最有趣.最好玩的产品吧~! ...

  3. Android ios javascript php web等百度云盘资源

    * 这是一些学习资源,里面有Android的,ios的,php的,大数据的, Java的,web前端的,C++,python的-.* 来源地址是在一个公众号的群.感谢群主的分享.在此我也分享给大家.如 ...

  4. 用HTML5/CSS3/JS开发Android/IOS应用

    现在人人都想成为安卓/IOS应用开发工程师.其实,安卓/IOS应用可以用很多种语言来实现.由于我们前端开发工程师,对HTML5/CSS/JavaScript的网络编程已经相当熟悉了.所以,今天大家将会 ...

  5. Emoji-Chat emoji表情包发送及显示兼容web端、移动端

    Emoji-Chat emoji表情包发送及显示兼容web端.移动端 序言 在如今聊天表情包满天飞的当下,聊天过程中想发送个表情感慨一下情绪在所难免,当下我就遇到这么个需求,希望在web端聊天室中可以 ...

  6. 单枪匹马撸个聊天室, 支持Web/Android/iOS三端

    单枪匹马撸个聊天室, 支持Web/Android/iOS三端 原文地址: github.com/yinxin630/b- 前排提醒, 阅读本文需要对JavaScript较为熟悉, 本文将讲解核心功能点 ...

  7. android ios web兼容,js与android iOS 交互兼容

    js与android iOS 交互兼容 在Android与js交互方面还是要比iOS方便很多,而UIWebView只暴漏出- (BOOL)webView:(UIWebView *)webView sh ...

  8. 前端emojs_Emoji-Chat emoji表情包发送及显示兼容web端、移动端

    序言 在如今聊天表情包满天飞的当下,聊天过程中想发送个表情感慨一下情绪在所难免,当下我就遇到这么个需求,希望在web端聊天室中可以发送表情,还得在web端.微信H5.app端.微信公众号里均可以正常显 ...

  9. ios emjoi java_前端App开发,实际工作中三端(android,ios,前端H5)emoji表情显示解决方案...

    想起最近开发APP的时候,产品提的一个需求,用户的帖子正文还有评论内容里,要能够显示emoji表情,因为我们这款app是混合开发的,APP里的发贴,发评论是原生做的(android和ios),但帖子详 ...

  10. Unreal移动端Android iOS AR目录

    一.Unreal开发环境搭建 1.蓝图环境搭建 UE4创建蓝图工程 2.C++环境搭建Mac电脑 UE4打包C++工程Mac电脑VSCode UE4 Mac C++ VSCode(不推荐) Rider ...

最新文章

  1. 关于常见的底层驱动源码资料
  2. VTK:PolyData之FitSplineToCutterOutput
  3. opencv多线程显示的问题和解决方法
  4. 115网盘linux 下载速度慢,linux vps 上 下载115网盘 的方法
  5. rsync软件配置和使用教程
  6. Imgproc.findContours函数
  7. 117. Populating Next Right Pointers in Each Node II 计算右边的附属节点
  8. ElasticSearch学习(四):可视化管理之Kibana
  9. urllib 库的代替品 requests 的用法
  10. 什么快捷键切换仅计算机,什么是电脑屏幕切换快捷键
  11. 【Latex学习】Latex中插入超链接/网址
  12. 【电源模块】LM2596 DCDC降压模块设计
  13. 听《正面管教》,论如何教育孩子
  14. android 360锁屏清除,“打盹”省电 360清理大师锁屏清理早已实现
  15. vscode开启鼠标滚轮缩放字体大小设置
  16. 轻轻松松学会Python入门五:基本数据类型
  17. (29)pycharm文件操作
  18. 一知半解学CubeMX——UART:Printf实现
  19. 复盘2018,展望2019(上)
  20. 求一组数的组合的和为一个值的所有情况

热门文章

  1. aliez歌词_【aLIEz】附平假名歌词(完整)
  2. 【IOS账号分享】《魔女之泉4》
  3. 全网唯一, MATLAB绘制好看的弦图
  4. Java程序员3个月从月薪6k涨到15k,你知道我是怎么过来的吗?
  5. CGLIB动态代理模式详解
  6. 使用云函数快速升级网易云音乐等级
  7. 基于vue2的 H5框架
  8. 第一章 WEB应用程序开发流程
  9. 小米官网竖直导航栏html,小米官网css3导航菜单代码_html/css_WEB-ITnose
  10. 【一起学加密4】一次性密码本