search

iosscripts / iosslider

iosslider is a jQuery plugin which allows you to integrate a customizable, cross-browser content slider into your web presence. Designed for use as a content slider, website banner, or image gallery.
http://iosscripts.com/iosslider
432 stars 103 forks source link

Font antialiasing in Safari #78

Closed shortcuts-zz closed 12 years ago

shortcuts-zz commented 12 years ago

Version v.1.0.28 shows a change in font-anitaliasing with safari – in Version 1.0.20 everything was fine.

iosscripts commented 12 years ago

Can I see your slider HTML? I want to see which tags wrap your text.

Most likely has to do with the CSS:

'webkitPerspective': 1000,
'webkitBackfaceVisibility': 'hidden',

The CSS is applied to the slider and offers major performance improvements because is utilizes hardware acceleration. You might want to try explicitly turning it off on the text elements that are acting up.

-webkit-backface-visibility: none !important;

Let me know if that helps.

shortcuts-zz commented 12 years ago

Dear Marc,

thank you for your fast reply and your work.

This is the Link with the Page (work in progress) :

http://nextgen.cp-autosport.com/index.php?id=7

When you scroll down and your Browser is so small, that the Slider moves under the floating menu-element, you can see, that the text changes the antialiasing. (in Safari 6 / 10.8 )

The same thing didn't happen with the older Version of the iosSlider.

Best regards,

Dirk Studzinski

Short Cuts GmbH | Mehringdamm 55 | 10961 Berlin +49 30 253 912 13 | fax +49 30 253 912 20 | studzinski@short-cuts.de

Am 08.08.2012 um 15:24 schrieb Marc Whitbread notifications@github.com:

Can I see your slider HTML? I want to see which tags wrap your text.

Most likely has to do with the CSS:

'webkitPerspective': 1000, 'webkitBackfaceVisibility': 'hidden', The CSS is applied to the slider and offers major performance improvements because is utilizes hardware acceleration. You might want to try explicitly turning it off on the text elements that are acting up.

-webkit-backface-visibility: none !important; Let me know if that helps.

— Reply to this email directly or view it on GitHub.

iosscripts commented 12 years ago

Can you try putting:

-webkit-font-smoothing: subpixel-antialiased;

on the anchor link in question? Send me a link when it's updated. Let me know if that works.

In the long term, I will try and find out why this is affecting elements outside the slider.

shortcuts-zz commented 12 years ago

I think, that does the trick.

http://nextgen.cp-autosport.com/index.php?id=7

Thank you.

Dirk Studzinski

Short Cuts GmbH | Mehringdamm 55 | 10961 Berlin +49 30 253 912 13 | fax +49 30 253 912 20 | studzinski@short-cuts.de

Am 08.08.2012 um 16:38 schrieb Marc Whitbread notifications@github.com:

Can you try putting:

-webkit-font-smoothing: subpixel-antialiased; on the anchor link in question? Send me a link when it's updated. Let me know if that works.

In the long term, I will try and find out why this is affecting elements outside the slider.

— Reply to this email directly or view it on GitHub.