Internet explorer 谷歌字体和ACF赢得';t渲染åäö;在Firefox&;即

Internet explorer 谷歌字体和ACF赢得';t渲染åäö;在Firefox&;即,internet-explorer,firefox,fonts,special-characters,advanced-custom-fields,Internet Explorer,Firefox,Fonts,Special Characters,Advanced Custom Fields,我已经到处搜索过了,当我在我的网站上使用谷歌字体(支持)和高级自定义字段(ACF)时,找不到任何关于这个渲染错误的答案 问题只是当ACF正在打印åäö时 问题是只有谷歌字体,我使用PT衬线 问题只存在于Firefox和IE中 当我“检查元素”并将åäö添加到同一元素时,添加的元素将正确呈现 任何关于为什么这不起作用的IDE?在css中尝试一下,创建以下“新”字体: @font-face { font-family: 'Custom PT Sans'; src: url

我已经到处搜索过了,当我在我的网站上使用谷歌字体(支持)和高级自定义字段(ACF)时,找不到任何关于这个渲染错误的答案

  • 问题只是当ACF正在打印åäö时
  • 问题是只有谷歌字体,我使用PT衬线
  • 问题只存在于Firefox和IE中
  • 当我“检查元素”并将åäö添加到同一元素时,添加的元素将正确呈现

任何关于为什么这不起作用的IDE?

在css中尝试一下,创建以下“新”字体:

@font-face {
    font-family: 'Custom PT Sans';    
    src: url(http://themes.googleusercontent.com/static/fonts/ptsans/v6/jKK4-V0JufJQJHow6k6stALUuEpTyoUstqEm5AMlJo4.woff) format('woff');
    font-weight: normal;
    font-style: normal;
}
字体URL与嵌入google webfont时浏览器使用的相同

在这里获取URL

您还可以重命名@font-face自定义字体系列别名

创建一个简单的CSS规则,以使用针对浏览器/操作系统或两者的字体:

.mac .navigation a {    
    font-family: "Custom PT Sans", "PT Sans", sans-serif;
}


好吧,我把头发扯了几天后,终于发现了问题。数据造成了麻烦。我使用的工具组合使它可见

我的所有文本都是从PDF直接复制到高级自定义字段(在wordpress中)。所以我推测,不知何故,åäö是以某种奇怪的格式保存的,当保存在ACF中时,它会变成两部分。A与¨分开

出于某些奇怪的原因,这只出现在某些浏览器的某些字体中

因此,解决方案是重写åäö或将所有文本复制到文本编辑器中,然后再次复制到ACF中


希望有一天这对某人有所帮助

尝试此链接让我知道此链接是否有效直到遇到同样的问题不幸的是检查下面的答案谢谢答案,但是,字母的侧面仍然呈现着字母上的圆环和圆点。让我头晕目眩的真正奇怪的是,只有当高级自定义字段打印文本时,并且我使用谷歌字体时,错误才会出现。
.mac.webkit p {
    font-family: "Custom PT Sans", "PT Sans", sans-serif;
}