Question

当我使用Google字体（支持åäö）和我的网站的高级自定义字段（ACF）时，我已经四处搜索并找不到任何答案。 It looks like this, ignore that one is blue

只有当ACF正在打印åäö时才会出现问题。
问题仅针对谷歌字体，我使用PT serif。
问题仅出在Firefox和IE
当我“检查元素”并将åäö添加到同一元素时，添加的元素会正确呈现。

为什么这不起作用的任何想法？

Answer 1

哎呀，把头发撕了几天后，我终于找到了问题。数据造成了麻烦。我使用的工具组合使其可见。

我的所有文字都是从PDF直接复制到高级自定义字段（在wordpress中）。因此，我认为åäö以某种奇怪的格式保存，导致它在ACF中保存时成为两部分。例如。 A与¨

分开

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

所以解决方法是重写åäö或者只是将所有文本复制到文本编辑器然后再复制到ACF中。

希望有一天能帮到某人

Answer 2

在您的CSS中尝试此操作，创建以下“＆＃39; new＆＃39;字体：

@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;
}

字体网址与浏览器在嵌入google网页时使用的相同。

在此处获取网址http://fonts.googleapis.com/css?family=PT+Sans:400,700&subset=latin,latin-ext

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

创建一个简单的CSS规则，以使用该字体定位浏览器/操作系统或两者：

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

或者

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

Google字体和ACF无法在Firefox和Firefox中正确呈现åäö; IE

2 个答案: