V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX 提问指南
61162833
V2EX  ›  问与答

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

  •  
  •   61162833 · 266 天前 · 909 次点击
    这是一个创建于 266 天前的主题,其中的信息可能已经有所发展或是发生改变。
    测试代码:
    <div>▶</div>
    <div>▶测</div>
    <div>▶a</div>

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

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

    这是什么原因导致的?
    7 条回复    2023-08-31 14:02:02 +08:00
    sky96111
        1
    sky96111  
       266 天前 via Android
    一些 app 使用了特殊 emoji 字体的问题吧。你这个符号我在浏览器、v2er 、Telegram 中,显示的是无边框黑色箭头,在微信和 TIM 的聊天框显示的是蓝底圆角矩形白色箭头。
    sky96111
        2
    sky96111  
       266 天前 via Android
    @sky96111 可能和系统 emoji 字体也有关系?我的 chrome 116 和 Firefox 显示都是正常的。Lineage OS 20 ,Android 12
    61162833
        3
    61162833  
    OP
       266 天前
    @sky96111 在这台老安卓手机上似乎是系统级的,就是同样版本的 Chrome 在另外一台手机上可以正常显示▶,而这个 OneUI 1.0 加 Android 9 就是会显示为蓝底白箭头

    这种将特殊字符,例如 ▶ 显示为图片的技术关键字是什么?
    有没有可能在老手机上显示为正确的 ▶ 而不是图片?
    zhlxsh
        4
    zhlxsh  
       266 天前 via iPhone
    iOS15 标题是黑的三角,打开就变成蓝框白的三角
    sky96111
        5
    sky96111  
       266 天前   ❤️ 1
    @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
        6
    61162833  
    OP
       266 天前
    @sky96111 谢谢,有没有可能用增加 css 样式的方式,例如:
    <div style="font-family: 'noto sans sc'">▶</div>

    这样来强手机正常显示▶?
    sky96111
        7
    sky96111  
       266 天前   ❤️ 1
    @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;
    ````
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2749 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 42ms · UTC 12:22 · PVG 20:22 · LAX 05:22 · JFK 08:22
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.