Shape 5

Joomla Templates => Campus Life - Club => : aaronchow August 16, 2016, 04:29:45 PM



: Submenu becomes hard to see under Safari?
: aaronchow August 16, 2016, 04:29:45 PM
I'm using the Campus Life theme, and I noticed a strange issue with how Safari renders the dropdown menu.  The submenu font is showing properly if I use Chrome.  But if I view my site with my Macbook Air's Safari, somehow Safari renders the submenu font much thinner than Chrome does.  I also tried to view the Demo site (on Shape5.com) using Safari, and I am also seeing this behavior.  I've attached two screenshots hopefully the picture will explain better.

Is anyone experiencing the same issue?  Does anyone know how to fix it (or provide a workaround)?   Any help is appreciated.


: Re: Submenu becomes hard to see under Safari?
: aaronchow August 16, 2016, 04:55:45 PM
I googled and found out that it was due to anti-aliased.  Safari is now properly rendering the font when I add "-webkit-font-smoothing: antialiased;" to it.  Thanks.