如何避免选项标签内的连字？
How to avoid ligatures within option-tag?
我想创建一个视觉上吸引人的 select-dialog，其中显示 FontAwesome-Icons 和描述符号的单词 select 从不同的统计数据比例。
所以我将 FontAwesome-Fonts 用于 select-tag，将 unicode-glyphs 用于各种符号。第一部分效果很好。
但是我使用的单词也在 FonAwesome 中用于形成连字，这些连字也可用于获取图标（我认为这仅限于 desktop-version, but as my example prooves, it also happens on the web). The FA-Site states 他们是“......不习惯考虑连字网络字体 + CSS".
请查看我的fiddlehere或截图：
那么，我的问题是：
如果 Webfonts/CSS 不应该发生这种情况 - 我在使用它们时有什么地方做错了吗？ （当然我的机器上安装了桌面字体，我想我们不知道网站的用户是否有它们）
有什么方法可以避免连字在 option 标签内生效？ （正如您在示例中看到的，我已经在 CSS 中使用了 font-variant-ligatures: none;）
我找到了一种方法来解决这个问题，方法是用不同的名称定义专用 @font-faces。 （我的理论是 Chrome 使用我安装的本地字体，并且它的连字覆盖了我在 CSS 中所做的一切）。那个"special font-face"肯定是本地找不到的...
如果有人找到更好的解释或修复，我会很乐意接受。
我想创建一个视觉上吸引人的 select-dialog，其中显示 FontAwesome-Icons 和描述符号的单词 select 从不同的统计数据比例。
所以我将 FontAwesome-Fonts 用于 select-tag，将 unicode-glyphs 用于各种符号。第一部分效果很好。
但是我使用的单词也在 FonAwesome 中用于形成连字，这些连字也可用于获取图标（我认为这仅限于 desktop-version, but as my example prooves, it also happens on the web). The FA-Site states 他们是“......不习惯考虑连字网络字体 + CSS".
请查看我的fiddlehere或截图：
那么，我的问题是：
如果 Webfonts/CSS 不应该发生这种情况 - 我在使用它们时有什么地方做错了吗？ （当然我的机器上安装了桌面字体，我想我们不知道网站的用户是否有它们）
有什么方法可以避免连字在
option标签内生效？ （正如您在示例中看到的，我已经在 CSS 中使用了font-variant-ligatures: none;）
我找到了一种方法来解决这个问题，方法是用不同的名称定义专用 @font-faces。 （我的理论是 Chrome 使用我安装的本地字体，并且它的连字覆盖了我在 CSS 中所做的一切）。那个"special font-face"肯定是本地找不到的...
如果有人找到更好的解释或修复，我会很乐意接受。