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

| By Webner

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;

-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.

Leave a Reply

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