I start form a couple of weeks to develope my iPad application using this great framework, and I can say that is works really great! In fact, this post is not really on Sencha help request, but on iPad Safari Mobile, and I'm sure someone can help me to figure out where the problem is.
I explain my problem:
How the title report, I'm having a CSS3 issue on @font-face testing the application on my iPad, in fact, the problem is only on Safari Mobile, and not on Safari. Safari display the custom font correctly! I already know Safari use custom .svg fonts, so my CSS seems to be configured correctly.
To use this custom font, i downloaded the font-face kit from http://www.fontsquirrel.com, that comes out with a pre configured CSS, a demo page, and all the fonts that I need.
At this point I uploaded the kit on my domain, and tried to open the demo page with all the browsers: "It works!", except, like i say on iPad.
Here is the font face property that comes out with the kit:
As i already said, the custom fonts doesn't display ONLY on iPad, but if I edit this propery in the following way
src: local('?'), url('zenda-webfont.woff') format('woff'), url('zenda-webfont.ttf') format('truetype'), url('zenda-webfont.svg#webfont') format('svg');
It display on iPad Safari mobile too!
src: local('?'), url('http://www.fontsquirrel.com/utils/load_font.php?font=689/webfonts/zenda-webfont.woff') format('woff'), url('http://www.fontsquirrel.com/utils/load_font.php?font=689/webfonts/zenda-webfont.ttf') format('truetype'), url('http://www.fontsquirrel.com/utils/load_font.php?font=689/webfonts/zenda-webfont.svg#webfont') format('svg');
So, does someone can tell me what I'm missing? What's wrong with the first @font-face configuration?
My supposition is that on my domain, that font is not really installed like system font, and it is on fontsquirrel.com.
Can this really be the problem?