Twitter bootstrap 游猎及;引导程序软连字符错误:什么’;发生什么事了?

Twitter bootstrap 游猎及;引导程序软连字符错误:什么’;发生什么事了?,twitter-bootstrap,safari,Twitter Bootstrap,Safari,在中,Safari在链接到时会出现一个奇怪的错误。当时­或­前面是字符fi,一个奇怪的字符«Ṏ»()出现了。我甚至看到了它的双umlauts: 知道发生了什么事吗?Safari支持­在煮沸测试用例之后,看起来只有当某个东西被样式化为: font-family: "Helvetica Neue", Helvetica; font-weight: 500; (当然,文本需要使用您描述的软连字符和“fi”。) 您似乎遇到了,这已在中修复 因此,幸运的是,您的bug不会在当前的W

在中,Safari在链接到时会出现一个奇怪的错误。当
时­
­
前面是字符
fi
,一个奇怪的字符«Ṏ»()出现了。我甚至看到了它的双umlauts:


知道发生了什么事吗?Safari支持
­

在煮沸测试用例之后,看起来只有当某个东西被样式化为:

font-family: "Helvetica Neue", Helvetica;
font-weight: 500;
(当然,文本需要使用您描述的软连字符和“fi”。)

您似乎遇到了,这已在中修复

因此,幸运的是,您的bug不会在当前的WebKit夜间版本(例如r198607)中重现。不幸的是,苹果还没有发布一个包含补丁的Safari版本。希望这个补丁能进入OSXSafari9.1(大概是Safari9.2或10)之后的任何版本


字体引擎将“fi”处理为a(潜在),通常呈现为“f”的横条和“i”中的点组合成一个线段。这就是为什么测试用例中的其他字母组合没有触发bug;只有“fi”有可能成为一个连字,因此当它与一个软连字符相邻时,就会在字体引擎中出现错误。

不幸的是,iOS 9.2.3中的Safari中仍然存在此WebKit错误。我曾经在我的网页上使用过一些网络字体(例如Roboto Slab)。我的解决方案是通过在“f”和“i”之间插入零宽度非连接特殊字符来断开连字,例如:

f‌ilter

“当今怪异的软连字符错误”-这是认真的吗?@davidkonrad这个问题是认真的,是的。如果在iOS或MacOSX上使用Safari,这个bug应该是可以重现的。我希望在JSFIDLE上有一个非正式的标题就可以了。