css - 打开 Sans 在每个浏览器上看起来都很奇怪

Question

3 天前，我突然注意到我在使用 Google 字体中的“Open sans”字体作为主要字体之前建立的一些网站在 Chrome 上看起来很奇怪，断断续续和像素化。
我尝试了几个修复，从在 Windows 上调整 ClearType 到禁用标志(加速 2d Canvas )和在 Chrome 上禁用硬件加速，几乎尝试了我在互联网上能找到的所有东西，但没有任何效果。
我还尝试从我的 Windows 字体文件夹中删除“Open sans”，但字体在我的网站上看起来仍然是像素化的。在我删除它之前，它在 Photoshop 中很好。
这是我目前看到的截图。
open sans strange behaviorp标签使用简单的 CSS 进行测试

font-family: 'Open sans';
font-size: 12px; / 20px (on the bellow paragraph)
font-weight: 700; / 400 (on the bellow paragraph)
-webkit-font-smoothing: antialiased;

在样式上，我有默认的 @import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400 ;1,500;1,600;1,700;1,800&display=swap');来自谷歌字体。
任何人都可以照亮吗？任何帮助表示赞赏。我真的不想仅仅因为这个该死的错误字体而格式化我的电脑。也在 Edge 和 Opera GX 上进行了测试，它也发生在它们身上。

Answer 1

你应该确定它是否是开放的。您可以通过 whatfont plugin 查看