Font Rendering Issues

Stef's Avatar


25 Aug, 2012 02:48 PM

Been experiencing a font rendering issue in Safari 6. Fonts look strangely thinned out… an example attached (Top: Safari – Bottom: Firefox). Happens with RS v9 only and only as soon as i initialize RS on the site.

Tried some of the new font-smoothing CSS settings to fix it… html { -webkit-font-smoothing: subpixel-antialiased; }

Any ideas would be much appreciated!

  1. Support Staff 1 Posted by Dmytro Semenov on 25 Aug, 2012 06:42 PM

    Dmytro Semenov's Avatar
  2. 2 Posted by Stef on 25 Aug, 2012 06:51 PM

    Stef's Avatar

    Thanks, disabling hardware acceleration (allowCSS3: false) seems to solve the rendering issues, but it slows down the animation considerably : (

    It really seems to happen as soon as text is placed over/above the slider, no matter if the actual div is inside a slide or not…


  3. Support Staff 3 Posted by Dmytro Semenov on 25 Aug, 2012 06:54 PM

    Dmytro Semenov's Avatar

    This is how rendering works... Try to find the place where it'll look fine.


  4. 4 Posted by Stef on 25 Aug, 2012 06:56 PM

    Stef's Avatar

    Thanks for pointing out the "issue" with font-smoothing – I stumbled across this link while trying to find a solution:

  5. 5 Posted by Stef on 25 Aug, 2012 06:58 PM

    Stef's Avatar

    No chance not to place the text above the slides as i am going to incorporate a full-width/full-height design…

  6. Support Staff 6 Posted by Dmytro Semenov on 25 Aug, 2012 07:02 PM

    Dmytro Semenov's Avatar

    You may also create image-based controls.


  7. Dmytro Semenov closed this discussion on 29 Aug, 2012 11:51 AM.

Comments are currently closed for this discussion. You can start a new one.

Keyboard shortcuts


? Show this help
ESC Blurs the current field

Comment Form

r Focus the comment reply box
^ + ↩ Submit the comment

You can use Command ⌘ instead of Control ^ on Mac