我在网站上通过@ 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
我是否缺少明显的东西?
是您购买的字体吗?我发现这篇文章可能会帮助你: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中可以正常工作) –