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

Question

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

Chrome：

Safari：

这是使用的@ 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，那么这些字符看起来真的很相像。这是一个愚蠢的结果，但仍然，它可能会帮助将来的某个人。如果有人对字符之间的差异做出解释，尽管看起来完全相同（并在Chrome中正确显示），我有兴趣了解这一点。

Answer 2

您只需将此标记添加到 HTML 的头部：

<META http-equiv="Content-Type" content="text/html; charset=UTF-8"> 

您可以在 this page 阅读更多关于设置特定字符集的信息。