我想创建一个视觉上吸引人的选择对话框，它显示 FontAwesome-Icons 和一个描述符号的单词，以从各种比例尺中选择统计数据。
所以我将 FontAwesome-Fonts 用于select-tag 和 unicode-glyphs 用于各种符号。第一部分效果很好。但是我使用的单词也在 FonAwesome 中用于形成连字，这些连字也可用于获取图标（我认为这仅限于桌面版本，但正如我的示例所证明的那样，它也发生在网络上）。FA-Site声明他们“……不喜欢考虑 Web Fonts + CSS 的连字”。
请在此处查看我的小提琴或屏幕截图：
所以，我的问题是：
如果 Webfonts/CSS 不应该发生这种情况 - 使用它们有什么我做错了吗？（当然我的机器上安装了桌面字体，我想我们不知道网站的用户是否会拥有它们）
有什么办法可以避免连字在
option-tag中生效？（如您在示例中看到的，我已经font-variant-ligatures: none;在 CSS 中使用）