当前位置: 首页 > 知识库问答 >
问题:

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

慕容烨
2023-03-14

3天前,我突然注意到,在使用Google fonts的“Open sans”字体作为主字体之前,我创建的一些网站在Chrome上看起来很奇怪、不规则和像素化。

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

我也试着从我的视窗字体文件夹中删除“打开无”,但是字体在我的网站上看起来仍然是像素化的。在我删除它之前,它在Photoshop中很好。

这是我目前看到的截图。

开放式SAN奇怪的行为

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;

在样式上,我有默认的@导入url('https://fonts.googleapis.com/css2?family=OpenSans: ental,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

有人能帮忙吗?感谢您的帮助。我真的不想因为这个该死的错误字体而格式化我的电脑。在Edge和Opera GX上也进行了测试,在他们身上也进行了测试。

共有3个答案

宰父熙云
2023-03-14

我有一个类似的问题,即。Open Sans在我们的网站上看起来很紧张(正如截图所示)

正如评论中建议的那样,当我使用Adobe的Open-Sans版本时,这个问题得到了解决。

最后,我发现在我们的CSS中,我们使用的字体权重(300)不是从google字体导入的。

添加后,一切都很顺利,所以我们又回到了谷歌字体。

东深
2023-03-14

我在使用Google Fonts的Open SAN时也遇到了同样的问题,这是通过@import方法和

有趣的是,AdobeFonts版本的开放式SAN没有出现这个问题,并且在所有大小上都清晰且抗锯齿。我用Adobe的

然而,检查Adobe的演示后发现,他们还添加了一个CSS属性:字体功能设置:“calt”、“clig”、“kern”、“liga”、“locl”、“rlig” 。这些是OpenType特性,将其添加到我的样式中似乎可以解决这个问题,但仅适用于Adobe实现;它没有解决谷歌版本的问题。也许谷歌版本的开放式SAN缺少这些附加功能。

祁建明
2023-03-14

你应该确定它是否是开放的。您可以使用whatfont插件进行检查

 类似资料:
  • 全局基类 登录名 } 问题是,当运行此功能时,我得到了下面的错误,我不明白为什么会发生这种情况,因为它在错误的位置上没有给我任何帮助。 未定义步骤:给定I打开Chrome 未定义步骤:浏览网站时 未定义的步骤:然后我使用“user1”和“password1”登录网站

  • 每当从我的要素文件开始执行新方案时,就会启动一个新浏览器。我希望浏览器只在我的第一个场景执行时启动一次,在场景的其余部分,不应打开新的浏览器。 我已经把我的浏览器打开代码写进了类下的注释中。

  • 这是我的 这是我的文件 这是我的依赖项

  • 我在我的UI自动化框架中使用QAF开源Java库,并希望在每个测试中打开和关闭浏览器。但是,不能用下面的代码完成,因此由testSuccessfulLogin()打开的浏览器保持打开状态,因此testFailedLogin()失败。

  • 问题内容: 我想执行XMLHttpRequest,然后通过POST方法发送文件名在浏览器中打开PDF。 这可能吗,或者XMLHttpRequest仅用于HTML? 问题答案: 如果您查询的URL实际上返回PDF数据,则无法通过XMLHttpRequest进行操作。 为什么?因为该响应是包含原始PDF数据的HTTP响应。即使您确实可以通过responseText`属性访问数据,JavaScript也

  • 本文向大家介绍在Nginx浏览器中打开目录浏览功能,包括了在Nginx浏览器中打开目录浏览功能的使用技巧和注意事项,需要的朋友参考一下 在nginx中不像apache默认是打开目录浏览功能的,在nignx中目录浏览功能默认是关闭了,下面我来介绍在nginx中实现目录浏览功能的配置方法。 打开nginx.conf文件,在location server 或 http段中加入 另外两个参数最好也加上去: