0

I have the following problem: the Android browser renders font and SVG artefacts in a webpage made with Sencha Touch 2.

It seems to re-render every card in a Ext.navigation.View after a short delay (approx. 0.5s) and only then the artefacts show. Also, not all text seems to be affected.

Does anyone recognize this behaviour and knows how to tackle the problem?

As for the SVG problem, I found a weird workaround by replacing one of the SVG images with a PNG equivalent, but I'd really like to know what is causing the artefacts to occur.

Examples (artefacts/reference):

Font rendering artifact

Font rendering without artifact

SVG rendering artifact

SVG rendering without artifact

All buttons are styled with background-image: url(file.svg)

Joram van den Boezem
  • 1,104
  • 10
  • 24
  • As this question earned me the Tumbleweed badge, I chose to go for the workaround and replaced SVG with PNG, which is not as sharp given that it's being resized in the browser, but at least it looks better than a blurred SVG. Still curious for what could be triggering this behaviour! :) – Joram van den Boezem Apr 01 '13 at 12:34
  • I'm having the same problem, was excited to find this SO post, but just as disappointed to see that it's a tumbleweed without solution. – Dom Ramirez Feb 24 '14 at 01:46
  • I found some alleged options for this here (duplicate issue?): http://stackoverflow.com/a/14624756/1422164 – Dom Ramirez Feb 24 '14 at 01:50
  • Did this work for you? I suspect it's a different issue (font-related, and possibly only related to Sencha) – Joram van den Boezem Feb 25 '14 at 08:07

0 Answers0