我的电脑运行的是 Windows 10，过去几个月我遇到了一个我无法解决的问题。在 Chromium 浏览器（Chrome、Opera、Edge）中，一些使用 webfonts 的网站渲染错误。例如，以下网站在 Firefox 中看起来与预期一致，但在 Chrome 或任何其他 Chromium 浏览器中却出现错误：https://lbv.landbw.de/kundenportal
Chromium 浏览器渲染一些奇怪的像素字体
对阵Firefox 按预期呈现
我一开始以为是 AdBlocker 出问题了，但即使禁用了所有扩展，webfont 也无法正确加载。然后我检查了 DevTools 的“网络”选项卡，出于某种原因，尽管 @font-face 声明列出了几个有效选项，但 webfont 甚至没有尝试加载任何内容。这似乎不是网络问题，因为在同一网络中的其他设备上，字体可以正常加载。
很多网站都会出现这种情况。我选择这个网站作为示例，因为它有一个可以正常工作的 Web 字体，还有一个不能正常工作的 Web 字体。我不知道这是怎么回事。有人有什么建议吗？
答案1
我终于找到了解决方案。渲染错误的原因是由于我的系统上安装了错误的字体，导致 Chromium 选择错误@font-face。字体源的声明以一个空local("")声明开始：
src: local(""),url(…
这样做的目的似乎是始终选择提供的 Web 字体而不是本地字体。但这在我的情况下失败了。在计算在开发工具的样式部分我可以看到，而是选择了一些随机的本地字体：
这很可能是字体创建者的错误，未能正确设置其字体名称表值。我卸载了有问题的字体，在浏览器重新启动后，正确的 webfont 就加载了。