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';
}
}
收起
阅读全文
android ios emoji兼容,web端怎么和移动端emoji表情兼容相关推荐
- 【Flutter】手机应用类型 ( Android | iOS | Native 应用 | Web 应用 | Hybrid 应用 | ReactNative 应用 | Flutter 应用 )
文章目录 一.Native 应用 二.Web 应用 三.Hybrid 应用 四.ReactNative 应用 五.Flutter 应用 一.Native 应用 原生应用开发 : Android / i ...
- android ios 开发框架,腾讯开源新生移动跨端开发框架Hippy:支持iOS、安卓
原标题:腾讯开源新生移动跨端开发框架Hippy:支持iOS.安卓 来源:IT之家 新酷产品第一时间免费试玩,还有众多优质达人分享独到生活经验,快来新浪众测,体验各领域最前沿.最有趣.最好玩的产品吧~! ...
- Android ios javascript php web等百度云盘资源
* 这是一些学习资源,里面有Android的,ios的,php的,大数据的, Java的,web前端的,C++,python的-.* 来源地址是在一个公众号的群.感谢群主的分享.在此我也分享给大家.如 ...
- 用HTML5/CSS3/JS开发Android/IOS应用
现在人人都想成为安卓/IOS应用开发工程师.其实,安卓/IOS应用可以用很多种语言来实现.由于我们前端开发工程师,对HTML5/CSS/JavaScript的网络编程已经相当熟悉了.所以,今天大家将会 ...
- Emoji-Chat emoji表情包发送及显示兼容web端、移动端
Emoji-Chat emoji表情包发送及显示兼容web端.移动端 序言 在如今聊天表情包满天飞的当下,聊天过程中想发送个表情感慨一下情绪在所难免,当下我就遇到这么个需求,希望在web端聊天室中可以 ...
- 单枪匹马撸个聊天室, 支持Web/Android/iOS三端
单枪匹马撸个聊天室, 支持Web/Android/iOS三端 原文地址: github.com/yinxin630/b- 前排提醒, 阅读本文需要对JavaScript较为熟悉, 本文将讲解核心功能点 ...
- android ios web兼容,js与android iOS 交互兼容
js与android iOS 交互兼容 在Android与js交互方面还是要比iOS方便很多,而UIWebView只暴漏出- (BOOL)webView:(UIWebView *)webView sh ...
- 前端emojs_Emoji-Chat emoji表情包发送及显示兼容web端、移动端
序言 在如今聊天表情包满天飞的当下,聊天过程中想发送个表情感慨一下情绪在所难免,当下我就遇到这么个需求,希望在web端聊天室中可以发送表情,还得在web端.微信H5.app端.微信公众号里均可以正常显 ...
- ios emjoi java_前端App开发,实际工作中三端(android,ios,前端H5)emoji表情显示解决方案...
想起最近开发APP的时候,产品提的一个需求,用户的帖子正文还有评论内容里,要能够显示emoji表情,因为我们这款app是混合开发的,APP里的发贴,发评论是原生做的(android和ios),但帖子详 ...
- Unreal移动端Android iOS AR目录
一.Unreal开发环境搭建 1.蓝图环境搭建 UE4创建蓝图工程 2.C++环境搭建Mac电脑 UE4打包C++工程Mac电脑VSCode UE4 Mac C++ VSCode(不推荐) Rider ...
最新文章
- 关于常见的底层驱动源码资料
- VTK:PolyData之FitSplineToCutterOutput
- opencv多线程显示的问题和解决方法
- 115网盘linux 下载速度慢,linux vps 上 下载115网盘 的方法
- rsync软件配置和使用教程
- Imgproc.findContours函数
- 117. Populating Next Right Pointers in Each Node II 计算右边的附属节点
- ElasticSearch学习(四):可视化管理之Kibana
- urllib 库的代替品 requests 的用法
- 什么快捷键切换仅计算机,什么是电脑屏幕切换快捷键
- 【Latex学习】Latex中插入超链接/网址
- 【电源模块】LM2596 DCDC降压模块设计
- 听《正面管教》,论如何教育孩子
- android 360锁屏清除,“打盹”省电 360清理大师锁屏清理早已实现
- vscode开启鼠标滚轮缩放字体大小设置
- 轻轻松松学会Python入门五:基本数据类型
- (29)pycharm文件操作
- 一知半解学CubeMX——UART:Printf实现
- 复盘2018,展望2019(上)
- 求一组数的组合的和为一个值的所有情况