Thursday, March 11, 2010

Fixed Fonts for Blogs

Update: It should have been obvious, but it wasn't.  You shouldn't use a font that is not commonly installed on everyone's machine (for example, Consolas).  I've gone to fixedsys, which I think comes with Windows.

I got a little bored looking at the same fixed-width font, and started testing for a new look.  The first example is what you'll see if you use the <pre> tag.  In the standard font, the zero and capital 'O' are virtually undistiguishable, as is the one and lower-case 'l'.
1         2         3         4         5         6         7         8         9         0         1
12345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890
Select 0Oo, 1ilI ,
, name
from Emp;

You can modify the pre tag to include a font, and in some cases a size: <pre STYLE="font-size: 11pt; font-family:'Consolas'">


Courier:


Only one size.  Characters look different side-by-side, but I like a slashed zero.
1         2         3         4         5         6         7         8         9         0         1    
12345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890
Select 0Oo, 1ilI ,
, name
from Emp;


Courier New 10pt:


You can select a size.  Again, I'd like a slashed zero.
1         2         3         4         5         6         7         8         9         0         1    
12345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890
Select 0Oo, 1ilI ,
, name
from Emp;


Fixedsys:


A little dark but the zero and capital "O" look different.  Also, one and lower-case "L" look different. (Only one size)
1         2         3         4         5         6         7         8         9         0         1    
12345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890
Select 0Oo, 1ilI ,
, name
from Emp;


Consolas 11pt:


This has a bit of a fuzzy look to me.  Also, the one and lower-case 'l' look too similar.
1         2         3         4         5         6         7         8         9         0         1    
12345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890
Select 0Oo, 1ilI ,
, name
from Emp;


Bitstream Vera Sans Mono 10pt:


You can select a size.  The zero has a dot inside, but it's hard to see unless you go with a larger size, or you bold it.
1         2         3         4         5         6         7         8         9         0         1    
12345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890
Select 0Oo, 1ilI ,
, name
from Emp;


Bitstream Vera Sans Mono 10pt - Bold:


1         2         3         4         5         6         7         8         9         0         1    
12345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890
Select 0Oo, 1ilI ,
, name
from Emp;

No comments:

Post a Comment