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 上进行了测试,它也发生在它们上。
| 归档时间: |
|
| 查看次数: |
2601 次 |
| 最近记录: |