css – Safari的font-weight问题,文字太粗体

当我应用font-weight：粗体风格时,与其他浏览器相比,Safari中的字体外观过于粗糙.我尝试下面的css建议在一些网站,但它仍然是一样的.

text-shadow: #000000 0 0 0px;

文字渲染截图：

铬

苹果浏览器

这是我的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;

}

如何解决？

解决方法

为了在浏览器之间一致地呈现粗体文本,您的字体应显式包含粗体字符.否则,浏览器可能会尝试根据其常规变体形成大胆的字符变体,并且结果在浏览器之间不一致,因为它们可能具有不同的算法用于此类转换.

另请注意,系统级别的不同平台(例如Windows,Mac OS)上的文本呈现可能不同.这种差异是可以的,通常不需要修复.

参见topic about -webkit-font-smoothing property.

原文地址：https://www.jb51.cc/css/216773.html