Font family looks regular in Ubuntu and Windows but looks bold in Mac

Author - Kajal Marwaha

In one of our web development projects, we used font family named Calibri for breadcrumbs. This font worked fine on Ubuntu and Windows but on each browser of Mac fonts appeared bold.

We wrote the following code for making the text font normal and consistent for all operating systems:

.breadcrumb-nav ul li a
{
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
  opacity:0.99;
}

-webkit-font-smoothing: antialiased: This property is used for font smoothing. With this property font looks much better on the screen than font rendered with default pixel positioning.

-moz-osx-font-smoothing: grayscale: This property defines the range of shades of gray without apparent color. It is basically used to lighten the fonts.

opacity: This property fades or lightens the exact color.

Webner Solutions is a Software Development company focused on developing Insurance Agency Management Systems, Learning Management Systems and Salesforce apps. Contact us at dev@webners.com for your Insurance, eLearning and Salesforce applications.

Leave a Reply

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

Send your message