css - @font-face : Accented characters not displaying right - only in 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 */
}

我试过这个解决方案，但没有用: Symbols in @font-face font are not displayed in Safari 5, are displayed correctly in Safari 6 and other browsers

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

Answer 1

好的，我想通了。似乎重音字符与常规字符不同。我的客户可能有从 Word 复制粘贴的文本(我猜)，因为如果我手动重写每个字符，它就会起作用。这真的很奇怪，因为如果我查看源 HTML，字符看起来真的一样。这是一个愚蠢的结果，但仍然，也许它会在 future 帮助某人。如果尽管看起来完全相同(并在 Chrome 中正确显示)，但有人对字符之间的这种差异有解释，我很想了解这一点。