Forum Support

 
Advanced Search


[1]

Offline aaronchow
Free Member
Posts: 6
Posted on: 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.
« Last Edit: August 16, 2016, 04:35:49 PM by aaronchow »
Logged

Offline aaronchow
Free Member
Posts: 6
Posted on: 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.
Logged
[1]

Jump to:  


Powered by SMF | SMF © 2013, Simple Machines
Joomla Bridge by JoomlaHacks.com
Page created in 0.015 seconds with 20 queries.
Need some help getting your site up and running? Be sure to check out our tutorials area, post on the forum or hire us
Send Us An Email
Please send us your questions and we will email you back as soon as we can. Product support questions should be posted in our support forums under the Help menu. Our staff will assist you from there.