文字不透明度改变字体重量

Question

我使用两种Google字体（蒙特塞拉特和比特）作为文字内容。在不改变不透明度的情况下，文本渲染得太多了。但是，设置opacity: .99或更低会显示指定字体权重的文本。问题在Chrome和Safari中可见。

尝试-webkit-font-smoothing: antialiased;虽然没有变化。

无论如何都要正常显示文字而没有不透明度属性？

http://cl.ly/image/2f2V0h1R1r3H

h1 {
font-family: 'Montserrat', sans-serif;
color: #FFFFFF;
text-transform: uppercase;
font-size: 1.7em;
font-weight: 400;
text-shadow: 0px 2px 6px black;
line-height: 1.1em;
-webkit-font-smoothing: antialiased;
}

p {
font-family: 'Bitter', serif;
color: #FFFFFF;
font-size: 1em;
font-weight: 400;
text-shadow: 0px 2px 6px black;
line-height: 1.2em;
-webkit-font-smoothing: antialiased;
}

http://cl.ly/image/2s173l270z2S

h1 {
font-family: 'Montserrat', sans-serif;
color: #FFFFFF;
text-transform: uppercase;
font-size: 1.7em;
font-weight: 400;
text-shadow: 0px 2px 6px black;
line-height: 1.1em;
opacity: .99;
-webkit-font-smoothing: antialiased;
}

p {
font-family: 'Bitter', serif;
color: #FFFFFF;
font-size: 1em;
font-weight: 400;
text-shadow: 0px 2px 6px black;
line-height: 1.2em;
opacity: .99;
-webkit-font-smoothing: antialiased;
}