Mac上的Firefox和Windows上的Explorer出现了奇怪的字符

时间:2016-04-19 09:55:48

标签: css internet-explorer firefox webfonts typekit

我与我建立的其中一个网站有一个非常奇怪的问题。据我所知,它出现在Windows上的Internet Explorer和Mac上的Firefox上,也许还有其他配置。它涉及瑞典字符å ä ö

在此页面上:http://www.h2.se/case/kyleffekt/,正确显示字符。但是,在此页面上:http://www.h2.se/case/sun-flex/,它不是。

屏幕截图供参考:

我正在使用位于Google字体服务上的Open Sans,我也使用Omnes-Pro作为Typekit的头条新闻。

该页面是在WordPress中构建的,不确定是否重要。

以前有没有人遇到过这个问题?我已经在网上的几个地方看到它提到过,但没有人发布过这个看似奇怪的故障的解决方案或原因。我已经尝试查看网页的HTTP标头,但我找不到任何内容。

最奇怪的部分是,它可以在一个页面上工作,但不能在另一个页面上工作,而且只能在特定的浏览器中工作。

2 个答案:

答案 0 :(得分:1)

这是因为在一个文档中,您有实际的ö字符,而在另一个文档中,您有一个o后面跟着“在前一个字符上放置变形点”的Unicode序列 - 和并非所有浏览器都能同样处理。 (我经常看到这种情况发生,当内容被复制到来自不同来源的HTML文档时 - 就像Mac上的PDF一样,它经常发生。)

Unicode equivalence将是此处的关键字,resp。 Unicode规范化,如果您打算使用应用程序逻辑对其进行某些操作。 (如果您只是想让这项工作适用于相关文档,那么只需在编辑器中重新键入这些字符,就可能会更好。)

答案 1 :(得分:0)

这只是我的事,我使用插件Better Search Replace快速解决了该问题。

  1. 使用Firefox时,从WP编辑器中复制一个“腐败”字符,例如Å,Ä和Ö。
  2. 在“更好的搜索替换”的“搜索”字段中粘贴“腐败”字符
  3. 只需点击关键字上的按钮,即可在“替换为”字段中键入“正确”字符。
  4. 执行搜索并替换
  5. 对所有“腐败”字符执行相同的操作。

通过这种方式,您不必手动进行耗时和无聊的工作。刚刚对我来说很完美。

插件:https://sv.wordpress.org/plugins/better-search-replace/