1

我们在三个定制的 WordPress 网站上遇到了一个奇怪的问题。文本中有随机可见的方块。这些方块仅在 Chrome for Windows 中可见。这些方块在https://www.dakcheck.nl可见。我还对问题进行了截图。你知道什么可能导致这个问题吗？

4

3 回答 3

4

您似乎正在使用latin子集中未包含的字符。您需要指定包含您在加载字体时使用的字符的附加子集。在您的示例中，您需要替换

https://fonts.googleapis.com/css?family=Roboto:400,700,700italic,900,900italic,500,400italic,500italic,300,300italic

...和：

https://fonts.googleapis.com/css?family=Roboto:400,700,700italic,900,900italic,500,400italic,500italic,300,300italic&subset=latin,latin-ext

注意&subset=latin,latin-ext后缀。

重要提示：如果奇怪字符不是与您的语言有关的特殊字母，最可能的原因是您保存的文件和网页之间的编码不同。您需要确保您的 IDE使用与页面标签中声明的完全相同的编码保存您的 ( .php, .html, .css, , 等) 文件。 到目前为止，最好的选择是 UTF-8，但是关于你应该使用什么编码的建议超出了这里的范围。重要的是他们必须匹配。.js<head>

附加说明：我个人认为您应该简化网站中字体的使用，并尝试大幅限制您当前加载的字体粗细和变体的数量。您当前在和变体中加载300、400、和权重。您可能只使用，并且其中一些甚至不需要（如果不使用）。 另请注意，您无需更改当前中的 s以简化字体使用。如果指定了 a 但不存在，浏览器将自动使用最接近的匹配。例如，如果您现在有一个元素，但只加载和500700900normalitalic400700900italic
font-weightCSSfont-weightfont-weight:500400700指定字体的权重，它将自动使用400而不是500在元素上。

在 Web 开发中，常用的字体权重有：

  • 薄（属性的无效值font-weight- 在类定义中定义它）通常font-weight:200;- 通常与大font-sizes 一起使用，以显示大而非常薄的 (~ 1px) 字母
  • 正常（ 的有效值font-weight）通常转换为font-weight: 400;
  • 粗体（ 的有效值font-weight）通常转换为font-weight: 700;
  • extrabold（无效值font-weight- 在类定义中定义）通常font-weight:900;- 通常用于标题。
于 2017-03-19T15:12:21.030 回答
0

我已经能够使用 HxD hexeditor 来根除像这样的幻影字符。您将在右侧看到常规文本，在左侧看到 BinHex。无论幻影字符是什么，用'20'代替它，你会得到一个没有盒子的常规空格。

于 2019-03-26T03:52:30.647 回答
0

我认为您将不得不编辑您的内容文本：存在的内容是控制字符，即end of text控制字符出现在不应该出现的位置：

文本稻草控制字符的结尾

即导航到https://www.dakcheck.nl/并调用

var t = document.getElementsByTagName('h1')[0].innerText;
t.charCodeAt(t.indexOf('met ')-1)

在控制台中产生3.

这可能是由于将某些（桌面？）富文本编辑器复制粘贴到 WP 中造成的，尽管我认为 WP 编辑器应该处理这个问题。

于 2017-03-20T09:46:20.187 回答