Html 在手机上，选择选项中的Unicode字体会中断

我选择了以下货币：

<select class="new-challenge-bet-currency">
    <option value="usd">&#xf155;</option>
    <option value="eur">&#xf153;</option>
    <!-- keeps going with more currencies -->
</select>

；
；

在桌面浏览器上一切正常，移动浏览器甚至在所选的

项目上显示
fa
货币符号

下面是Chrome Android上发生的事情的屏幕截图。如您所见，顶部的选定货币（$）显示良好，但在选择其他选项时弹出的白色框仅显示损坏的X框


知道如何让他们工作吗？寻找一个简单的解决方案，这样我就不必重复货币选择是如何一起完成的。
它不仅仅是移动的，历史上在设计
样式方面一直存在困难，因为它是由本机操作系统小部件而不是浏览器DOM呈现的。如果您确实必须完全控制
框的显示，则需要将其替换为脚本化元素。（见等人。）

但是，我不清楚为什么要使用带有自定义图示符的专用区域字符来呈现货币符号，因为有非常好的Unicode字符（U+0024美元符号、U+20AC欧元符号）可用。如果您可以使用真正的Unicode字符（如果愿意，还可以使用自定义字体渲染），那么它们在由非浏览器小部件显示时应该仍然可用。
它不仅仅是移动的，历史上在设置
样式方面一直存在困难，因为它是由本机操作系统小部件而不是浏览器DOM渲染的。如果您确实必须完全控制
框的显示，则需要将其替换为脚本化元素。（见等人。）

但是，我不清楚为什么要使用带有自定义图示符的专用区域字符来呈现货币符号，因为有非常好的Unicode字符（U+0024美元符号、U+20AC欧元符号）可用。如果您可以使用真正的Unicode字符（如果愿意，还可以使用自定义字体渲染），那么它们在由非浏览器小部件显示时仍然可以使用。
我使用FA的主要原因是因为没有原始的Unicode方式打印比特币符号。也许我弄错了？也许使用纯Unicode最好的方法就是合并行，B̩̍。使用自定义字体时，您可以尝试将所需的字形放在$、欧元和B上，这样，在这种情况下，它们至少会返回到没有字体的可用符号。我使用FA的主要原因是，没有原始Unicode方式打印比特币符号。也许我弄错了？也许使用纯Unicode最好的方法就是合并行，B̩̍。使用自定义字体，您可以尝试将所需的标志符号放在$、欧元和B上，这样，在这种情况下，它们至少会返回到没有字体的可用符号。