Open Sans 在每个浏览器上看起来都很奇怪

Ser*_*ani 6 css fonts google-chrome google-fonts

三天前,我突然发现,我之前使用 Google 字体中的“Open sans”字体作为主要字体构建的一些网站在 Chrome 上看起来很奇怪、不连贯且像素化。

我已经尝试了几种修复方法,从调整 Windows 上的 ClearType 到禁用标志(加速 2d 画布)以及禁用 Chrome 上的硬件加速,几乎尝试了我在互联网上可以找到的所有内容,但没有任何效果。

我还尝试从 Windows 字体文件夹中删除“Open sans”,但该字体在我的网站上看起来仍然像素化。在我删除它之前,它在 Photoshop 中很好。

这是我目前看到的屏幕截图。

打开没有奇怪的行为

p标签使用简单的 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;
Run Code Online (Sandbox Code Playgroud)

在样式上,我有默认的 @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=交换'); 来自谷歌字体。

任何人都可以阐明吗?任何帮助表示赞赏。我真的不想因为这个该死的有缺陷的字体而格式化我的电脑。还在 Edge 和 Opera GX 上进行了测试,它也发生在它们上。

小智 0

您应该确定它是否已打开。你可以用whatfont插件检查一下