[iPhone] [Bug] Fixed Width Fonts Aren't

Aren't fixed width, that is. I imagine they're still fonts. =)
Recently I've been doing some ASCII art applications on the iPhone and I've noticed that things don't render the way I expect. I threw together some quick demonstration images of boxes rendered with fixed width fonts in TextMate.app and then on the iPhone simulator to show the difference. Although I used TextMate.app, similar results were found using TextEdit.app.
First some boxes rendered in the fixed width font Monaco 12 pt in TextMate.app
The first is a large 6x6 box with an interior of 5x5 spaces.
The second box uses tabs. This is not an important box really--it's expected that different apps use different lengths for tab. In fact, this box looks completely different in TextEdit.app where the tabs are much wider. Don't worry too much about box number 2.
The next box is a 3x3 box with one space in the center, and the last box is a 4x4 box with... well, you get the idea. Note how all boxes render as squares correctly.
Now here's an image of the same boxes rendered with Monaco 12 pt on the iPhone's UITextView:
Some problems are immediately visible. White space has some width, but it's far too small. I'm not too concerned about the tabs (box #2) since as I said above, I expect some variance in tabs, but the rest are pretty bad, especially box #3 whose single space looks positively anorexic. I focus a lot on white space here, because it's notable, but also notice that the + is wider than either the - or | as well.
The Monaco font on the iPhone is not fixed width.
The situation with Courier 12pt is slightly better but still has issues:
Courier 12 pt on TextMate.app:
Courier 12 pt on the iPhone:
Unlike Monaco this is almost correct. Ignore box #2 again--I don't expect tab to work out. Courier doesn't have the same issue Monaco has with most characters. |, +, and - are all taking up the same width. However, as the boxes grow larger (Boxes 3, 4, and 1), the consecutive spaces start to show more and more how they're slightly too thin. It's barely perceptible in box 3, noticeable in box 4, and impossible to miss in box 1.
It looks like the Courier font on iPhone has a space which is too narrow to be fixed width.
As far as other things to try: I tried this with Andale Mono and Courier New as well with similar results. Also, although I've used a UITextView here, it also happens if you render a UIWebView containing the boxes inside of <pre> tags as well as outside of <pre> tags but use for spaces.
Has anyone else seen this phenomenon? Is there a fix or something I'm missing? Or is this a bug?
Thanks!

Bump. =(

Similar Messages

How can i change standard font and fixed-width font in ipad 2?

i need to change standard font and fixed-width font in my ipad 2, but i can not find safari setting menu. it is alower me to change that?

Sorry, the font is not user selectable in Safari on iPad, like it might be on a desktop. You can change the font size, but not the actual font.

Problem with printing perfomance when using a fixed width font

Hello.
I'm using the java.awt.print.Printable interface for printing text.
Everything works fine when I choose a font like Serif.
When I choose a fixed width font, like Courier, the printing becomes too slow!!!
Any Idea?
My code looks like that :
private int sizeFont = 10;
private font myFont = new Font ("Courier", Font.PLAIN, sizeFont);
public int print(Graphics g, PageFormat pf, int indice)
Graphics2D g2=(Graphics2D)g;
while(myCondition){
g2.drawString(myString,0,0);
g2.translate(0,this.sizeFont);
return Printable.PAGE_EXISTS;

If it interests someone, I have found a solution :
do not use "Courier", but "Courier New" .

Fixed width fonts

How do I tell if a given Font object is a fixed width font?
I've tried the closest I could find:
Font f; ...
FontMetrics m = getFontMetrics(f);
if (m.hasUniformLineMetrics()) {
but that apparently wasn't even close. Any ideas?
Thanks,
Nathan Kronenfeld

This is how i done it once,
    Font f; ...
    FontMetrics m = getFontMetrics(f);
    int cW = m.charWidth('W');
    int cI = m.charWidth('.');
    if (cW == cI)
    }

How to find fixed width fonts?

Hi! I want to retrieve a list of all available fixed width fonts (e.g. Monospaced) on the user's system.
I tried the GraphicsEnvironment() class and stepped through the result of getAllFonts(). I compared the widths of the chars per font if they differ... No success. Some fonts are filtered but not all.
On windows systems you can get a font metrics info with a type like 'Symbol', 'Fixed', 'Non fixed' etc.
Is there something comparable in Java?
Thanks in advance,
Jan

Here's some code based on jsalonen's suggestion. It prints the font if M and i are the same width.
   public static void main(String[] args) {
      GraphicsEnvironment ge=GraphicsEnvironment.getLocalGraphicsEnvironment();
      Font[] s=ge.getAllFonts();
      Canvas comp=new Canvas();
      for(int i=0;i<s.length;i++) {
         int f1=comp.getFontMetrics(s).charWidth('i');
int f2=comp.getFontMetrics(s[i]).charWidth('M');
if(f1==f2) System.out.println(s[i].getName());

Iphone Bugs Fixed

Are the bugs in the Iphone 4 gone by now or are they still in them?

Well, that couldn't be more vague.
What "bugs"?
Software upgrades and bug fixes are introduced periodically as with computers and other software driven devices.
Most have no problems with their iphone, while some do have problems.

My ipad just won't let me enter my apple password on FaceTime or iMessage, it works fine on my iPhone, I have tried numerous things but nothing works, can anybody help please, will a bug fix sort this out when they finally make one

My ipad just won't let me sign in with my apple password on FaceTime or iMessage since updating to ios7 it says check my network connection, even though my iPhone works fine with the same password, can anybody help please, I have tried numerous things but nothing works. Will I have to wait for a bug fix to sort this? I hear they are working on one a the minute, I hate ios7

Try a Restart.
Press and hold the Sleep/Wake button for a few seconds until the red "slide to power off" slider appears, and then slide the slider. Press and hold the Sleep/Wake button until the Apple logo appears.
Resetting your settings
You can also try resetting all settings. Settings>General>Reset>Reset All Settings. You will have to enter all of your device settings again.... All of the settings in the settings app will have to be re-entered. You won't lose any data, but it takes time to enter all of the settings again.
Resetting your device
Press and hold the Sleep/Wake button and the Home button together for at least ten seconds, until the Apple logo appears. Apple recommends this only if you are unable to restart it.
Or if this doesn't work and nobody else on the blog doesn't have a better idea you can contact Apple.
Here is a link to their contacts with most of the information below.
http://www.apple.com/contact/

HT1688 I updated my iPhone 5C to the iOS 7.0.1 "bug fixes" update and it has made my phone glitch constantly and has just made it a complete nightmare. How can I go back down to iOS 7?

basically yeah, I updated my software because it said that iOS 7.0.1 was out as a bug fixes update and now my phone constantly glitches the **** out, its super slow, and it pretty much created more bugs than it did fix them. So how can I go back to iOS 7? because 7.0.1 is an absolute nightmare.

Try updating to iOS 7.0.2.
Does your iPhone still have performance issues? Have you tried the basics?

Does anyone have problems occasionally with their slide to unlock on iphone 4s with the ios7 update? And do you think there will be a bug fix? Bit worried

Hi everyone,
I've recently updated my iphone 4s with the ios7 update and there was a bug fix I also downloaded recently but I hadn't noticed anything wrong at the time. I know it's not happened that often today but does anyone have any problems with their 'slide to unlock' button and have to reload their iphone again? Do you think there'll be a bug fix for it? Just worried as it's not old and I have a feeling I shouldn't have bothered with the update at all.

Why would you think it's a bug? If it were a bug EVERYONE would be having the same issue.
Basics from the user guide are restart, reset, restore from backup, restore as new.

My iphone wont download the bug fix ios 8.0.2

my iphone wont allow me to download bug fix ios 8.0.2 update

What happened when you try?
If you want to update directly from your iPhone, you need to plug into the power supply. and iPhone connected to the Internet using Wi-Fi.

Fixed character width font

Hi All,
1.
In SAPScript i m using the font
ANDALE_J Size 8
This font is NOT 'Proportionate Spacing'
ie. It is fixed character width font
as per the definition.
2.
In preview, the alignment of data
&field1(35)& &field2(15)& &field3(25)
is seen perfectly OK.
(multiple rows in detail data)
3.
But when printout is taken, the
data is not printed as per alignment
seen on the screen.
Can anybody guide & help.
Regards,
Amit Mittal.

This means that the font you are using is not available for the device type used by the output device (printer) you are using.
Check transaction se73.
Select Printer fonts -> Display -> double click on the device type for the output device you are using and verify if the font family <b>ANDALE_J</b> size <b>080</b> is listed.
If it is not, use one that is available or ask the system admin to install the font for the device type and in some cases on the printer as well.
Rishi

Iphone in recovery mode after update to bug fix on IOS 7

Iphone 4 has gone into recovery mode after updating a bug fix on IOS 7. Is there any way to fix it without having to restore?

No.
http://support.apple.com/kb/ht1808
1. Turn off device
2. Connect USB cable to computer; leave the other end alone
3. Press and hold the Home button down and connect the docking end of cable to device
4. Continue holding the Home button until you see the "Connect To iTune" screen
5. Release the Home button
6. Open iTune
7. You should see "iTunes has detected the device in recovery mode"
8. Use iTune to restore device
Note: You need to be patient and repeat the above many times to recover your device
Here's a link that discusses recover mode: http://ipod.about.com/od/iphonetroubleshooting/a/Iphone-Recovery-Mode.htm

Spry menubar not working correctly in IE9 - fixed width or padding or...?

Need help. My spry menu bar isn't all the way to the right when in compatibility mode in IE9. When not in compatibility mode it is even further from the right. Is there a way to make it so that it is all the way to the right on both compatibility and non-compatibility modes. Is there a better way than changing the padding or can I do a fixed width? www.superedgar.com
The spry code is below.
LAYOUT INFORMATION: describes box model, positioning, z-order
/* The outermost container of the Menu Bar, an auto width box with no margin or padding */
ul.MenuBarHorizontal
margin: 0;
padding: 0;
list-style-type: none;
font-size: 100%;
cursor: default;
width: auto;
font-family: Arial, Helvetica, sans-serif;
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
z-index: 1010;
/* Menu item containers, position children relative to this container and are a fixed width */
ul.MenuBarHorizontal li
margin: 0;
padding: 0;
list-style-type: none;
font-size: 100%;
position: relative;
text-align: left;
cursor: pointer;
width: auto;
float: left;
white-space: nowrap;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #cccccc;
border-right-color: #cccccc;
border-bottom-color: #cccccc;
border-left-color: #cccccc;
background-image: url(../images/Menu%20Bars/metalsubmenubargray.gif);
/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarHorizontal ul
margin: 0%;
padding: 0;
list-style-type: none;
font-size: 100%;
z-index: 1020;
width: auto;
left: -1000em;
float: none;
white-space: nowrap;
background-image: url(../images/Menu%20Bars/metalsubmenubargray.gif);
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
cursor: auto;
left: auto;
background-image: url(../images/Menu%20Bars/metalsubmenubargray.gif);
/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li
float: none;
width: 14em;
background-image: url(../images/Menu%20Bars/metalsubmenubargray.gif);
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul
margin: -5% 0 0 95%;
border-right-style: solid;
border-left-style: solid;
border-right-color: #999999;
border-left-color: #999999;
border-right-width: 2px;
border-left-width: 1px;
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
left: 0;
DESIGN INFORMATION: describes color scheme, borders, fonts
/* Submenu containers have borders on all sides */
ul.MenuBarHorizontal ul
position: absolute;
width: 14em;
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a
display: block;
cursor: pointer;
color: #392B68;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
padding-top: 8px;
padding-right: 29px;
padding-bottom: 7px;
padding-left: 30px;
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
color: #392B68;
background-image: url(../images/Menu%20Bars/metalsubmenubargrayhover.gif);
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
color: #392B68;
width: auto;
float: none;
SUBMENU INDICATION: styles if there is a submenu under a given menu item
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenu
background-position: 95% 50%;
color: #392B68;
width: auto;
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenu
background-position: 95% 50%;
color: #FCFDFF;
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
background-position: 95% 50%;
width: auto;
float: none;
color: #392B68;
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
background-position: 95% 50%;
color: #FCFDFF;
width: auto;
BROWSER HACKS: the hacks below should not be changed unless you are an expert
/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe
position: absolute;
z-index: 1010;
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
ul.MenuBarHorizontal li.MenuBarItemIE
display: inline;
f\loat: left;

because of the interpretation of the different browsers, it is very difficult to get the correct outcome each time.
In your case, I would do exactly as you have done, that is apply an auto width to the menu item and then apply a padding to fill the rest. I then centre the menubar so that the difference is equally divided betweeen left and right.
Gramps

IPhone Bugs, Flaws & Wishlist (ADD YOURS TO LIST!!)

iPhone Bugs, Flaws & Wishlist
-AT&T’s EDGE cellular network: "excruciatingly slow"
-Making calls can be a 6 step process if phone is off.
-halfway decent internal speakers for listening if you set the thing down
-iPod games are not compatible with iPhone?
-No way to copy/paste text, are you kidding?
-Voice call quality good, but not great
-Can't record video, are you kidding?
-Songs can't be set as ringtones? I think this issue will change in iTunes 7.3 though
-can’t download songs or movies from itunes directly from phone?? c'mon
-memory is not expandable, No SD card slot
-no GPS, but close
-no SmartTyping for Safari OR looking up contacts??? c'mon
-No Microsoft Office, no “Significant” 3rd party apps
-Isn’t the speaker & mic on BOTTOM of phone pretty useless when in dock? Don't know
-iPhone’s web should run on AT&T’s fastest web technology, NOT EDGE
-“true” world phone? maybe...
-No black dock
-8GB is an amazing accomplishment for a phone, but a huge downfall in “iPod world” when iPods are up to 80GB now
-"runs on Mac OS X" is a pretty much a lie, can’t open OSX apps, can't store/save files or edit, no folders
-no iChat, which means no instant messaging, just text messaging
-no wireless sync
-no way to have a backup battery or two; Apple would actually make more money if they sold batteries
-Speakerphone / Vibrate are weak
-No voice memos, voice dialing or call recording
-Lacks video output to a TV
-No disk mode
-Can only use one of 25 preset ringtones????
-iPhone can't be used as a wireless modem for your laptop
-Keyboard hardly rotates when you want it to
-lyrics for ipod
-camera has no flash, zoom or self-portrait mirror
-Notes from iPhone doesn’t sync/show up on computer
-Safari does not support Java, Adobe Flash, stored passwords, RSS, streaming audio or video (except for some QuickTime videos) -- almost defeats purpose of “real internet in your pocket”
-no engraving on back like iPods offered
-Mail landscape view doesn’t work
-No Mark as Read feature
-Can’t send media through SMS text
-Can’t send same text to multiple people
-Can’t scan (wouldn’t that be cool?)
-Date doesn’t show, except for the Calendar Icon sorta shows you date
-Calendar should work a lot more like iCal (event categories missing, landscape view missing, to-dos missing, ability to tap time to create event)
-Calendar not syncing correctly with iCal (at least for me using a Leopard seed)
-Can’t custom resize video or zoom in
-Keyboard doesn’t rotate
-Notes doesn’t rotate
-needs a file browser to be able to open docs and images that you've synced to your phone.. somehow.. (isync support?)
-A file system needs to be apparent so you can easily do things like attach multiple files in an email
-gets scorching hot if left on bed while you’re using it
-Alarm doesn’t allow an alert message to go along with your alarm (reminder)
-Weather app on home screen should change sun/moon/cloud images & temperature for your primary city without having to open the actual app, similar to how Calendar changes date without having to open app
-no Empty Trash function for e-mail and voicemail
-would be cool if had guitar tuning capability
-can’t send files via Bluetooth. What the **** is it on the phone for then besides headset?
-email is “non-landscapable”
-no free rotate in move and scale mode or anywhere for that matter (with photos)
-iPod Cover Flow doesn’t show custom-made album artwork (.jpg,.png, .tif, etc)
-can’t log in to your YouTube account via YouTube app
-mic should act as 2nd speaker when not used as mic (if possible)
-Bluetooth not finding any devices (at least for me)
-No undo, especially when editing your contacts makes it a nightmare
-Add Field entries made under Contacts editing should be stored so user can easily use the entry again
-Contacts need a default Comments or Notes label
-In Contacts, user should be able to move/sort/arrange custom labels to their liking
-option to hear sounds every time you press a button, not only keyboard
-ability to choose sound for a particular function, for example, say you didn’t like the “New Voicemail” sound, you should be able to change it like you can do in a Treo
-certain photos won’t show up ONLY in “Add Photo” mode when editing Contacts, you just get a black screen
-iPhoto should not come to front of screen when syncing (it does for me in a Leopard seed I’m using)
-Ability to check for new mail every minute, not a minimum of 15!
-Option to keep current screen on when phone is locked for a certain amount of time, like a Treo
-Wallpaper slideshow and video capability
If Apple thinks that they can intentionally leave “key” features out of the iPhone just to make us think that the iPhone2 is a “significant update”, then Apple isn’t the company I thought it was. Make your phone the “best” it can possibly be for the time it comes out. Don’t leave out “standard” smartphone technology that will make people think twice about trashing their Treo or Blackberry. Adding true GPS or upgrading the internal memory is a different story, but things like the inability to copy and paste, the inability to record video, and the inability to use voice dialing should definitely not be issues with iPhone’s release, especially due to the fact that Apple had more than six months to test the thing. I really hope Apple fixes a lot of these “flaws” immediately or else iPhone won’t be as successful and as respected as it could have been.
Just trying to help. Please forward this to the appropriate iPhone Development department.
Thank You
Brian Judah
Proud ADC Member

Please take your criticisms and suggestions to the new created iPhone feedback page.

How can I convert my web page from a fixed width layout to a fluid grid layout?

I'm taking a web design class (I'm using Dreamweaver CS6, btw) wherein the professor started us out building our websites in a fixed width layout but now I want to change my site into a fluid grid layout. My "site" so far is just one long page, and I've already designed it with fluid grid adjustments in mind (most things are centered in the layout) so it shouldn't need excessive tweaking.
Is there a way to duplicate the site folder that holds my first page, re-open a new document in fluid, then copy the code in and tweak the width parameters for the different layouts?
Did I just answer my own question? Help - I am new at this!!
Thanks all,
KC

Herbert2001 wrote:
A bit off-topic, but Osgood: have you ever used SASS or LESS? When you are building your own grid systems it can save you a tremendous amount of time, and it's a lot of fun.
Take the following simple example - it generates all the 23 css classes automatically for a 12 grid system. And simply changing one variable allows you to create and calculate any number of columns!
//variables
$desktop: 1025px;
$large-columns: 12;
@media only screen and (min-width: $desktop) {
     //regular grid span classes
    @for $i from 1 through $large-columns {
        .span-large-#{$i} {
            width: percentage($i/$large-columns);
     // push classes
    @for $i from 1 through (($large-columns)-1) {
        .push-large-#{$i} {
            margin-left: percentage($i/$large-columns);
No, not explored it yet, and may never....I don't know. I don't really make much money out of web design. It's becoming more and more difficult to find the desire to learn new techniques when the opportunities aren't really there to put them into practice on as regular basis as I would like. I've got a very good handle on css, php, html, jQuery - I'm not sure I want to add another layer at the moment, given I'm never quite sure how long I will continue to 'bang my head against the wall' . I'm getting to the stage where I keep asking myself do I really need the problems associated with learning new stuff to the point of being comfortable with it if the financial rewards at the end don't equate to the efforts of learning it.
I don't really enjoy web development if truth is known. I come from a Graphic Design background which I much prefer but somehow got side tracked and pushed in this direction and there's no way back now, lol. Whilst I concede Web Development is much more exciting its also 100 times more complex/difficult and the skills needed are considerably more.
Your example looks interesting and I should think I could pick it up reasonably easily given I work with php which uses variables on a similar basis.

[iPhone] [Bug] Fixed Width Fonts Aren't

Similar Messages

Maybe you are looking for