Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/38.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 为什么谷歌字体在Chrome中看起来如此糟糕?_Css_Google Chrome_Fonts_Css Transitions - Fatal编程技术网

Css 为什么谷歌字体在Chrome中看起来如此糟糕?

Css 为什么谷歌字体在Chrome中看起来如此糟糕?,css,google-chrome,fonts,css-transitions,Css,Google Chrome,Fonts,Css Transitions,在firefox中,常见的免费字体“Open Sans”的所有字体大小看起来都很棒,但当我在Chrome中查看该网站时,边缘被严重像素化,字母间距甚至不一样。我能做些什么来解决这个问题吗?我需要使用google字体,而不是@font-face。您的选项有点有限,但有一件事特别有助于Chrome for Windows,那就是更改字体文件的嵌入顺序。本文对此技巧有更详细的介绍 另一个因素可能是CSS转换的使用。我见过这样的例子,它似乎会影响字体平滑。值得一试,看看在没有它们的情况下,抗锯齿效果是


在firefox中,常见的免费字体“Open Sans”的所有字体大小看起来都很棒,但当我在Chrome中查看该网站时,边缘被严重像素化,字母间距甚至不一样。我能做些什么来解决这个问题吗?我需要使用google字体,而不是@font-face。

您的选项有点有限,但有一件事特别有助于Chrome for Windows,那就是更改字体文件的嵌入顺序。本文对此技巧有更详细的介绍

另一个因素可能是CSS转换的使用。我见过这样的例子,它似乎会影响字体平滑。值得一试,看看在没有它们的情况下,抗锯齿效果是否更好


我正在使用文本阴影,它通过javascript调用来修复opera和chrome

if(navigator.userAgent.match(/chrome|opera/i))
{
  document.body.style.textShadow='rgba(0,0,0,0.3) 0px 0px 1px';
}

演示:

我发现,使用fontsquirrel.com这样的工具重新生成字体,创建一个自己托管的工具包,可以解决chrome的大多数字体渲染问题


我认为chrome字体的问题与google优化字体的方式和font squirrel优化字体的方式有关。

Hmm但是如果我使用google字体,我如何改变svg/woff的顺序呢?没问题,只要从谷歌下载字体,因为他们使用CC许可证,然后你应该自己主持和控制订购。你应该只使用字体脸