我在旋转变换中使用以下符号:☎和♦和✔
(☎和♦和✔分别).
在我的Android设备上(智能手机,LG G4),它将这些文本符号替换为不使用我的转换或字体大小样式格式化的非文本图片表情符号.
我想强制浏览器使用我在我的网站上提供的字体中的常规符号(使用包含.ttf文件的@ Font-face).在桌面上,我没有任何问题按预期显示我选择的符号.
非常感谢您的帮助,因为我不想被迫用图像替代我的文字排列.谢谢.
解决方法 您应该包含一个webFont,它支持您要使用的字符.要在CSS中包含图标字体,请使用以下代码:
@Font-face { Font-family: 'myFont'; src:url('Fonts/myFont.eot?-td2xif'); src:url('Fonts/myFont.eot?#IEfix-td2xif') format('embedded-opentype'),url('Fonts/myFont.woff?-td2xif') format('woff'),url('Fonts/myFont.ttf?-td2xif') format('truetype'),url('Fonts/myFont.svg?-td2xif#myFont') format('svg'); // Different URLs are required for optimal browser support // Make sure to : // 1) replace the URLs with your Font's URLs // 2) replace `#myFont` with the name of your Font Font-weight: normal; // To avoID the Font inherits boldness Font-style: normal; // To avoID Font inherits obliqueness or italic}.emoji { Font-family: 'myFont',Verdana,Arial,sans-serif; // Use regular Fonts as fallback speak: none; // To avoID screen readers trying to read the content Font-style: normal; // To avoID Font inherits obliqueness or italic Font-weight: normal; // To avoID the Font inherits boldness Font-variant: normal; // To avoID the Font inherits small-caps text-transform: none; // To avoID the Font inherits cAPItalization/uppercase/lowercase line-height: 1; // To avoID the Font inherits an undesired line-height -webkit-font-smoothing: antialiased; // For improved readability on Webkit -moz-osx-font-smoothing: grayscale; // For improved readability on OSX + Mozilla}
然后,您可以包含这样的符号:
<span >☎</span><span >✉</span>
如果您不知道支持您的角色的webFont,您可以使用Icomoon App轻松创建一个.请参阅我的开源Emoji icon font,获取支持650个符号的Icon字体示例,这是我使用Icomoon App创建的.
如果您打算使用我的Icon字体(或任何其他图标字体),我建议您在Icomoon应用程序中编辑字体以删除除所需符号之外的所有符号,因为这会显着减少文件大小!
更多信息:
> Create webfont with Unicode Supplementary Multilingual Plane symbols
总结以上是内存溢出为你收集整理的你如何防止Android设备上的Chrome(或一般的手机网络浏览器)用非标准的Unicode符号代替Emojis?全部内容,希望文章能够帮你解决你如何防止Android设备上的Chrome(或一般的手机网络浏览器)用非标准的Unicode符号代替Emojis?所遇到的程序开发问题。
如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)