我使用的是google webfonts,它们可以使用超大字体,但在18px时看起来很糟糕。我在这里和那里已经读到了一些用于字体平滑的解决方案,但是我还没有找到任何可以清楚解释它的地方,而且我发现的一些代码片段根本不起作用。h4在几乎所有浏览器中,我的表现都很糟糕,但Chrome最糟糕。在Chrome浏览器中,我的几乎所有字体看起来都很糟糕。谁能指出我正确的方向?也许您知道可以清楚地说明这一点的资源?谢谢!示例屏幕#1此屏幕快照显示了https://www.dartlang.org/的主页,https: //www.dartlang.org/是Google制作的一种编程语言(因此我们可以暗示该网站也由Google构建)并使用Google Webfonts。屏幕截图在左侧显示Google Chrome,在右侧显示Firefox / Internet Explorer 。:示例屏幕#2此屏幕快照使用Typekit提供的webfonts在Adobe.com上显示了产品信息页面。在字体方面,Adobe&Typekit是专业人士。屏幕截图显示了Google Chrome浏览器的右侧,Firefox / Internet Explorer的左侧:
3 回答
![?](http://img1.sycdn.imooc.com/5333a0aa000121d702000200-100-100.jpg)
SMILET
TA贡献1796条经验 获得超4个赞
Chrome不会像Firefox或其他任何浏览器那样呈现字体。这通常是仅在Windows上运行的Chrome中的问题。如果要使字体平滑,请-webkit-font-smoothing在yer h4标签上使用该属性,如下所示。
h4 {
-webkit-font-smoothing: antialiased;
}
您也可以使用subpixel-antialiased,这将为您提供不同类型的平滑效果(使文本有些模糊/阴影)。但是,您将需要使用每晚版本来查看效果。您可以在此处了解有关字体平滑的更多信息。
- 3 回答
- 0 关注
- 1490 浏览
相关问题推荐
添加回答
举报
0/150
提交
取消