相关疑难解决方法(0)

如何在Windows上的CSS 3中更流畅地呈现精简字体?

当我在Adobe Flash Pro CS6中设计我的网站时,字体如下所示:

在Adobe Flash Pro CS6中呈现的字体

字体看起来平滑而且稍厚,当我创建HTML和CSS来在浏览器中呈现字体时,它们分别在IE,Firefox和Chrome中显示.

在IE,Firefox和Chrome浏览器中呈现的字体

在某些区域看起来更薄且像素化.我在OS X上看到了更平滑的字体渲染.如何在这些浏览器中使字体看起来更流畅?我认为这是ClearType的一个问题,看起来像这样的瘦字体是可怕的.

这是我用来测试的代码,所以答案可以在发布之前进行测试:

<html>
    <head>
        <link href='http://fonts.googleapis.com/css?family=Lato:300' rel='stylesheet' type='text/css' />
    </head>
    <body>
        <span style="color: #333; font-family: Lato; font-size: 32px;">Question or concern?</span>
    </body>
</html>
Run Code Online (Sandbox Code Playgroud)

html5 fonts rendering css3 web

38
推荐指数
4
解决办法
7万
查看次数

标签 统计

css3 ×1

fonts ×1

html5 ×1

rendering ×1

web ×1