html - (软连字符)以及 Chrome 和 Safari

Question

我有一个网站，我更愿意使用 ­ ； (软连字符)以我想要的方式中断单词。

Click here for screenshot from Chrome

问题计算机运行 OS X(多个版本)并且在 Chrome 和 Safari(多个版本)中都会出现问题。具有完全相同操作系统和浏览器版本的计算机可能会有所不同。屏幕截图是在 OS 10.8 和 Chrome v. 21.0.1180.75 上截取的。

看起来软连字符有效，因为它分隔了单词，并插入了一个连字符“-”，但它也生成了带叉号的矩形。

该网站使用@fontface，如果这与它有任何关系的话。

谢谢!

Answer 1

我在 soft hyphen bug in Webkit 上对此进行了详细调查.简而言之，这个问题似乎是 Helvetica Light(以及一些其他字体，如 Avenir)中的错误和 Webkit 中的字体堆栈错误的组合。您可以通过在字体堆栈中包含 Arial 来修复它，例如。

font-family:"Apercu Light", Arial, sans-serif;