Question

我想在菜单链接后添加一个向下的三角形箭头。这在桌面上运行良好，但无论我使用哪种方法，我都无法在Android设备上显示它。我尝试了一些显示角色的方法，但看起来我可能不得不求助于将其显示为图像。

我做了一些研究，我遇到了article关于在CSS中转义字符的问题所以我尝试了但是我得到了相同的结果。

我当前使用转义为箭头的角色的CSS是：

body header nav .nav-item.dropdown .nav-link:after {
    content: "\01F893";
    color: #fff;
    position: absolute;
    padding-left: 5px;
    top: 6px;
    font-size: 26px;
}

基于此question，Android设备上似乎不支持该字符，但我找不到Android浏览器/设备支持和不支持的良好参考。

Answer 1

好的，我解决了。华为P9不支持Unicode字符U + 1f893和所有Supplemental Arrows-C块。我认为这对于所有Android设备都是一样的，但是一些研究让我相信它在设备之间会有所不同。

如果您遇到类似的Unicode字符问题，可以检查Android设备和Google Play应用Unicode Map是否支持。

此应用程序只是一个标准的Unicode参考，但不支持的字符显然无法正确显示，因此您可以使用它来检查您的手机是否具有您所追求的角色。

我对此问题的解决方法是用图像替换字符。您可以从searchable index获取任何Unicode字符作为SVG或PNG。

或者，如果您使用了大量不受支持的Unicode字符，则可以使用我发现此guide的自定义字体堆栈，或者您可以使用以下内容创建自定义图标集：https://icomoon.io/app/#/select

我希望这可以帮助其他有问题的人。如果您决定使用自定义字体，图标集或字体堆栈并查看我错过的内容，请编辑我的答案或评论，我会相应地更新我的答案。

为什么我的角色逃脱不会在Android设备上显示？

1 个答案: