@ font-face：重音字符不能正确显示 - 只在Safari中

我在网站上通过@ font-face使用官方webfont。诸如“é”之类的重音字符在Chrome/Firefox中显示效果不错，但它们在Safari中以默认字体（例如Arial）呈现。字体文件包含所有这些字符。@ font-face：重音字符不能正确显示 - 只在Safari中

铬：

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

我是否缺少明显的东西？

来源

2016-09-29 guylabbe.ca

是您购买的字体吗？我发现这篇文章可能会帮助你：http://stackoverflow.com/questions/7997591/some-character-not-work-with-fontsquirrel-webfont – adamk22

你检查了Safari是否使用了不同于其他浏览器的字体文件？你说这个字体包含这些字符，但你看过所有的文件吗？ –

感谢您的回复！是的，我买了字体，它提供了所有的网页文件（列在我的@ font-face声明中）。但是，在使用这个Web官方版本之前，我通过FontSquirrel转换了TTF文件。它导致了同样的问题（这就是为什么我然后买网络版，希望这可以解决这个问题）。我确认Safari使用.woff文件;我强迫Chrome使用相同的（而不是woff2），并且它仍然可以在Chrome中正确显示，证明文件正常。（请注意，原始字体文件确实包含重点字符，它在Chrome中可以正常工作） –

好吧，我想通了。看起来重音字符与普通字符不同。我的客户可能从Word复制粘贴的文本（我猜），因为如果我手动重写每个字符，它就会起作用。这真的很奇怪，因为如果我期望获得HTML源代码，那么角色看起来是一样的。这是一个愚蠢的结果，但仍然可能会在未来帮助某人。如果有人对这些字符之间的差异进行了解释，尽管看起来完全一样（并且在Chrome中正确显示），但我有兴趣了解这一点。

来源

2016-10-02 13:42:59

感谢您的支持。完全相同的问题与粘贴从Word到Wordpress文本的客户端。如果有人知道如何解释这种现象，我会非常感兴趣。 – jorisw

非常感谢，我很乐意对这个问题进行解释！ –

@ Jean-BaptisteMartin只需在纯文本编辑器中设置文本格式即可移除奇怪的字符。 –

@ font-face：重音字符不能正确显示 - 只在Safari中

回答

相关问题