CSS3 @ font-face中的连字

Question

我听说可以在CSS3 @ font-face图标/符号字体中使用连字，但在IE 9中不支持它。

有谁知道如何让他们在IE 9中工作更少？有没有办法用JavaScript或JQuery做到这一点？

我能想到的唯一解决方案是，当不支持连字时，为单个字母切换多个字母（连字）内容，表示相同的符号。

Answer 1

可以使用font-feature-settings属性的浏览器前缀版本或text-rendering属性（或原则上font-variant-ligatures启用Ligatures，但任何浏览器可能都不支持此功能然而）。这些工作适用于已安装的字体和可下载的字体，前提是该字体包含OpenType格式的连字和有关它们的信息（网页上常用的大多数字体都没有）。

但IE 9及更早版本不支持这些。可能没有基于JavaScript的方法来克服这个问题。当然可以用连字符替换字符序列，但它只适用于一小组连字，即那些在Unicode中编码为字符的连字（仅适用于包含它们的字体）。