【发布时间】:2021-11-11 09:05:56
【问题描述】:
我正在尝试在我的应用程序的一个页面中使用 unicode 符号,目前面临的问题是该符号未显示在移动设备/andorid 中 - chrome 浏览器显示的是空框(未找到字形符号)。在桌面 - chrome 浏览器中完美运行。 (在下面添加了屏幕截图)。
我正在尝试使用 "WIDE-HEADED RIGHTWARDS BARB ARROW" U+1F86A "????"
Unicode 符号参考:
http://xahlee.info/comp/unicode_arrows.html
https://unicode-table.com/en/1F86A/
由于它是大多数字体支持的常见符号之一,理想的期望是它应该正确地渲染和显示箭头。
桌面视图
移动视图
我已经在这个 codepen 中重新创建了这个问题,任何建议都会非常有帮助。
https://codepen.io/adatdeltax/pen/WNOdvre
<template>
<div id="app">
<p>
???? Resources
</p>
</div>
</template>
【问题讨论】:
-
Unicode 只是将代码点(数字)链接到字符名称。它与如何显示字符无关。这是字体(和整形引擎)的任务。所以检查你使用的字体是否包含这样的字符(注意:由于技术限制,没有一种字体可以处理更多的脚本)
-
使用 iOS 14 时也没有显示。
-
...也不使用 macOS 11.6。
标签: javascript html unicode