PDA

View Full Version : iPHone horizontal view and Fonts



profunctional
2 Jul 2010, 6:58 AM
Anyone else notice that the fonts look pixilated when the iphone is in horizontal view? In other words, the text looks jagged. It is more apparent when the text is bold.

TommyMaintz
2 Jul 2010, 11:29 AM
Hmm, I havent experienced this myself yet. You could try playing around with the font size / boldness / textshadow / font stroke in css to see if it has any effect. Also what particular iPhone are you running it on? You shouldnt be able to see pixels at all on the new iPhone ;)

profunctional
2 Jul 2010, 3:47 PM
I'm using a 3GS. Have you tried it? It is very apparent that the text looks off. It's almost jagged

Shizza
16 Aug 2010, 11:52 AM
I started to notice this also just the other day.

jep
8 Sep 2010, 8:42 PM
I've noticed the same thing, on both the iPad and iPhone 3G. Here's a couple of screenshots from the iPhone 3G viewing the kitchen sink demo. These are the original PNG screenshots and have not been resized or converted or anything, so the glitchiness reflects how it actually looks on the device:

22299 22298

Notice especially the trailing "t"s in List/Nested List and the "Back" in the horizontal view. If you open these two images up and toggle between them, you can easily see the text change for the worse.

I've also taken several iPad screenshots, but I won't inline those because they're much larger. But it has exactly the same problem.

This issue concerns me greatly. We're contemplating doing some commercial apps using the framework, but there's no way that's going to pass the Boss Test.

iPad screenshots:
http://img10.imageshack.us/img10/2038/senchaipad1.png
http://img96.imageshack.us/img96/3500/senchaipad2.png
http://img814.imageshack.us/img814/8261/senchaipad3.png
http://img59.imageshack.us/img59/636/senchaipad4.png
http://img443.imageshack.us/img443/5559/senchaipad5.png

nosarious
8 Sep 2010, 8:59 PM
I noticed these are all cases where the text is being generated within a construct of Sencha (list, menu, form, etc)

Can you confirm that it is not happening within a normal html content? Not saying that will fix the problem, but it may help them target the solution. (I have not noticed it myself, but I generate my own text outside of these constructs... in html they seem to be fine for my project, at least.

jep
8 Sep 2010, 9:17 PM
I can confirm or deny, if you'll point me to a URL to try. I'll even post screenshots. As it is, I'm just now trying to cut my teeth on Sencha and have only got as far as trying the demos.

nosarious
8 Sep 2010, 9:44 PM
Well, after looking at your examples I would say that the fonts in the overlay are a size smaller than the ones in the static menu. That change is probably what is making them so noticeable. The height of each bar they are in is the same in both instances. Haven't a clue as to how to fix it except a bit of digging into the css.

If you have done any updates from 0.92 to 0.93, etc, make sure you are changing the css file along with the ext-touch file.

(I tested these with the kitchen sink that is live, and it seems to be there still on the ipad, at least)

jep
8 Sep 2010, 9:46 PM
Just to be clear, all my screenshots are from the live kitchen sink demo.

nosarious
8 Sep 2010, 9:57 PM
0.94 just went live. I checked, the version I tested was 0.94. (well, the code viewed is saying version 1.0)

I would do some checks on the css that is coming up in the overlay and see if there is a font change in there that is not present elsewhere. Once you can confirm that you can make alterations to your own code using the base classes for the overlay.

jep
9 Sep 2010, 6:32 AM
Just verified the problem still exists in 0.9.4.

Edit: I posted to the bug forum. Will update with a link when it shows up.

nosarious
9 Sep 2010, 7:07 AM
The font size for a the list in the left side (non-overlay) comes out to be 16px (calculated) using safari's web inspector. I don't have a file to test how it behaves when that list is in an overlay, but I suspect it falls to 15 or 14.

You need to understand what is happening and which css attribute you need to force to a certain size. It's not the fix you are looking for (incorporated in Sencha itself) but it may allow you to write a proper bug report. (different forum)

jep
9 Sep 2010, 7:10 AM
You need to understand what is happening and which css attribute you need to force to a certain size. It's not the fix you are looking for (incorporated in Sencha itself) but it may allow you to write a proper bug report. (different forum)

I appreciate your help, but the DEVELOPERS need to figure all that stuff out. I'm just using their live demo on their website to evaluate whether it's a product we want to spend time and money on. If I had time and money already invested, then yes, I'd be more likely to be pressed into spending my time on fixing their bugs. But as it stands, I'm just trying to help out.

jep
9 Sep 2010, 9:39 AM
Here's the bug report:
http://www.sencha.com/forum/showthread.php?109336-OPEN-266-Text-is-jagged-in-landscape-view-on-iPad-iPhone

davidkaneda
9 Sep 2010, 10:36 AM
Hi all, sorry for the delay — taking a look today, hopefully get a fix in the next beta.

davidkaneda
10 Sep 2010, 2:50 PM
Got it — this will be fixed in .95. Thanks!