few letters overlap on zooming in chrome

jaukia / zoomooz

An easy-to-use jQuery plugin for making zooming web pages.

http://janne.aukia.com/zoomooz/

1.79k stars 275 forks source link

few letters overlap on zooming in chrome #35

Closed Kevinongithub closed 12 years ago

Kevinongithub commented 12 years ago

Hi,

I have set the font-size to 2px for individual divs and on zoom few of the letters gets overlap in chrome.

Assist me as soon as u can..

My email id: kevinmanavadaria@gmail.com

Or provide me with ur email ID so I can provide the page's link, if its possible.

Thanx JAUKIA !

jaukia commented 12 years ago

Hi, sorry for the delay in my response. The problem is that Chrome is not good at rendering small fonts when they ared zoomed in, since it keeps the original kerning of the fonts.

One work-around is to make the text in, say, 10px font, then scale it down to 2px using css with something like "-webkit-transform: scale(0.2); transform: scale(0.2)". However, this might cause some issues with floating elements.

Good luck and hope this helps!

Kevinongithub commented 12 years ago

Thanx Janne......It worked