为什么有的安卓手机会将▶显示为一张蓝底白色箭头的图片？

This topic created in 1031 days ago, the information mentioned may be changed or developed.

测试代码：
<div>▶</div>
<div>▶测</div>
<div>▶a</div>

链接直达： https://jsfiddle.net/ersdg0mz/

测试手机：OneUI 1.0 加 Android 9 ，使用 Chrome 115 、116 都会将▶显示为蓝底白箭头的图片

这是什么原因导致的？

div

▶

箭头

▶测

7 replies • 2023-08-31 14:02:02 +08:00

sky96111

Aug 31, 2023 via Android

一些 app 使用了特殊 emoji 字体的问题吧。你这个符号我在浏览器、v2er 、Telegram 中，显示的是无边框黑色箭头，在微信和 TIM 的聊天框显示的是蓝底圆角矩形白色箭头。

sky96111

Aug 31, 2023 via Android

@sky96111 可能和系统 emoji 字体也有关系？我的 chrome 116 和 Firefox 显示都是正常的。Lineage OS 20 ，Android 12

61162833

Aug 31, 2023

@sky96111 在这台老安卓手机上似乎是系统级的，就是同样版本的 Chrome 在另外一台手机上可以正常显示▶，而这个 OneUI 1.0 加 Android 9 就是会显示为蓝底白箭头

这种将特殊字符，例如 ▶ 显示为图片的技术关键字是什么？
有没有可能在老手机上显示为正确的 ▶ 而不是图片？

zhlxsh

Aug 31, 2023 via iPhone

iOS15 标题是黑的三角，打开就变成蓝框白的三角

sky96111

Aug 31, 2023

@61162833 这个符号在 Unicode 中是 U+25B6 ，属于 Geometric Shapes 。你能修改系统字体或 app 字体的话，试试 font-family 改成 noto sans sc

你可以在 oneui 1.0 上试试这个样例
https://fonts.google.com/noto/specimen/Noto+Sans+SC?preview.text=%E2%96%B6&preview.text_type=custom&noto.continent=Asia&noto.region=CN

61162833

Aug 31, 2023

@sky96111 谢谢，有没有可能用增加 css 样式的方式，例如：
<div style="font-family: 'noto sans sc'">▶</div>

这样来强手机正常显示▶？

sky96111

Aug 31, 2023

@61162833 google fonts 网站有演示这种用法
````
<style>
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC&display=swap');
</style>
````

````
font-family: 'Noto Sans SC', sans-serif;
````