css - Safari 字体粗细问题，文字太粗

Question

当我应用 font-weight:bold 样式时，与其他浏览器相比，Safari 中的字体外观太粗了。我按照某些网站的建议尝试了以下 css，但它仍然相同。

text-shadow: #000000 0 0 0px;

文字渲染截图:

Chrome

Safari

这是我的 CSS 声明:

p {

margin: 8px 5px 0 15px; 
color:#D8D2CE; 
font-size:11pt;  
letter-spacing:-1px; 
font-weight: bold;  
font-family: LektonRegular;  
}

@font-face {
font-family: 'LektonRegular';
src: url('myfonts/lekton-regular-webfont.eot');
src: url('myfonts/lekton-regular-webfont.eot?#iefix') format('embedded-opentype'),
     url('myfonts/lekton-regular-webfont.woff') format('woff'),
     url(myfonts/lekton-regular-webfont.ttf)  format('truetype'),
     url('myfonts/lekton-regular-webfont.svg#LektonRegular') format('svg');
font-weight: normal;
font-style: normal;

}

如何解决这个问题？

Answer 1

使用-webkit-font-smoothing: antialiased;

文本阴影技巧不再有效。