Css Chrome渲染白色文本时过于粗体

所以，我正在做一个网页设计，用HTML/CSS编码，我想问一下，是否有任何CSS的解决方法可以让Chrome不太大胆地呈现白色文本。 基本上，Chrome渲染文本的方式看起来很难看，我希望它看起来像，或者几乎像Firefox或Safari，看起来更薄更好。以下是我或多或少想要实现的目标：

编辑：

代码：

身体{
背景图片：url（“image.jpg”）；
背景大小：100%；
字体：13px Verdana；颜色：#FFFFFF；
}
.内容{
宽度：1024px
保证金：0自动；
填充：8px 16px；
}
.景观{
宽度：544px；
保证金：256px自动；
填充：8px 16px；
背景色：rgba（0,0,0,0.8）；
}
Lorem ipsum dolor sit amet，是一位杰出的献身者。这是一种侵权行为，而非索达莱斯侵权行为。这是一本名著。这是一个很好的例子。根据康努比亚·诺斯特拉（conubia nostra）和希梅纳奥斯（inceptos himenaeos）的规定，社会责任和责任等级为：。献祭者，酒后驾车，奥迪奥·奥古斯·坦普尔·努拉，以及前庭的大漩涡。整数quis nisi nisi。坐在同侧前庭。法雷特拉·马萨的奎斯克，ac布兰迪·奥古斯。利奥·马蒂斯（leo mattis）、卢克图斯·多洛（luctus dolor vel）、乌拉姆·科珀（ullamcorper ante）。

---

我希望Chrome能够像其他两种浏览器一样更好、更薄地渲染字体。我尝试添加诸如“-webkit字体平滑：无”、“文本阴影：0#000”、“字体重量：正常”和“-webkit文本笔划：-1px；”之类的内容，但没有任何更改。

为Chrome设置特定的

字体重量

使用javascript

if (navigator.appVersion.indexOf("Chrome/") != -1) {
// font weight css for body or div here
}

尝试使用比普通ie 300或200略小的字体，看看效果如何。
为
添加css。scape
：

-webkit-font-smoothing: antialiased;font-weight:100;

这应该可以完成任务。希望有帮助

更新：

如果您希望它仅用于苹果的chrome，请使用一些jQuery：

$(function(){
    if (window.navigator.userAgent.indexOf('Chrome') != -1) {
        $('.scape').css('-webkit-font-smoothing', 'antialiased');
    }
});

并确保在css文件中为
.scape
css规则声明了
font-weight:100

希望这能有所帮助。
请包括重新编写此问题的代码、更多详细信息，并告诉我们您迄今为止的尝试/研究情况。（您可以编辑您的问题以添加详细信息。）这很烦人，但影响浏览器中字体呈现的因素太多（webfont使用、操作系统、浏览器、浏览器版本、系统字体设置），几乎不可能在所有操作系统的所有浏览器中获得完全相同的结果。你不需要这个！你的文字看起来不错，可读性也很好。嗯，你是对的@Panique，但我还是觉得有点烦人，Chrome有很多bug和一些不太好用的东西，我想我现在会切换到Firefox作为我的主浏览器，至少在他们修复之前是这样。在这个例子中，
font-weight
也会应用到Firefox上。请注意，Verdana的重量不低于400（常规）。
$(function(){
    if (window.navigator.userAgent.indexOf('Chrome') != -1) {
        $('.scape').css('-webkit-font-smoothing', 'antialiased');
    }
});