Blog for web designers

How to fixed font boldness in Safari

There are many minor bugs in all browser which is negligible. Safari has also the list of minor bug. One of them is unwanted boldness of font. So in this post you will know about how to fixed font boldness in Safari.

Safari font Bug

safari font issue
safari font issue

Same font in chrome and other browsers.
chrome font

As you can see with the screenshot. Both are same style but the appearance are very different. We can use some style techniques to reduce the boldness of text in safari.

How to fixed font boldness in Safari

Add the below property in the element where the font is.
CSS


-webkit-font-smoothing: antialiased;
font issue fixed safari
Safari font issue fixed
chrome font
Chrome font

Thanks for reading post.

Santosh Shah

My name is Santosh Shah and blogs at santosh-shah.com


Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.