Safari font-weight issue , text too bold

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!

以上就是Safari font-weight issue , text too bold的详细内容,更多请关注web前端其它相关文章!

赞(0) 打赏
未经允许不得转载:web前端首页 » CSS3 答疑

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

前端开发相关广告投放 更专业 更精准

联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏