@ font-face:无法正确显示的重音字符 - 仅在Safari中显示

Question

我在网站上通过@ font-face使用官方网页.诸如"é"之类的重音字符在Chrome/Firefox中显示正常,但它们在Safari中使用默认字体(例如Arial)进行渲染.字体文件包含所有这些字符.

Chrome:

苹果浏览器 :

这是使用的@ font-face声明:

@font-face {
  font-family: 'simplon_bp_mono_lightlight';
  src: url('fonts/SimplonMono-Light-WebS.eot'); /* IE9 Compat Modes */
  src: url('fonts/SimplonMono-Light-WebS.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/SimplonMono-Light-WebS.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/SimplonMono-Light-WebS.woff') format('woff'), /* Pretty Modern Browsers */
       url('fonts/SimplonMono-Light-WebS.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('fonts/SimplonMono-Light-WebS.webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}

我试过这个解决方案,但它没有用:Safari 5中没有显示@ font-face字体中的符号,在Safari 6和其他浏览器中正确显示

我错过了一些明显的东西吗

Answer 1

好的,我明白了.似乎重音字符与常规字符不同.我的客户端可能有Word中的复制粘贴文本(我猜),因为如果我手动重写每个字符,它就可以了.这真的很奇怪,因为如果我想看源HTML,那么这些字符看起来真的很相像.这是一个愚蠢的结果,但仍然,它可能会帮助将来的某个人.如果有人对字符之间的这种差异有解释,尽管看起来完全相同(并在Chrome中正确显示),我有兴趣了解这一点.