When I apply a `font-weight:bold` style, the look of the font is too bold in Safari when compared to other browsers. I tried below css as suggested in some site but its still the same. text-shadow: #000000 0 0 0px; Screenshots of text rendering: **Chrome** ![enter image description here][1] **Safari** ![enter image description here][2] Here's my css declaration: 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; } How can this be fixed? [1]: http://i.stack.imgur.com/QcK9t.jpg [2]: http://i.stack.imgur.com/sUgl7.jpg
This issue is observed only in safari!