5 good programming fonts

Written by That Web Guy on 11th July 2009. 18 comments

5 good programming fonts
  • Avant Innovations
  • Advertise Here

A little while ago I changed the code colouring in Dreamweaver after becoming too tired of the default offering, and last week I thought I might delve into the possibility of using an alternative font to compliment the new theme.

There are several advantages to coding with an alternative font, the most notable, depending on your selection, is being able to see more code along the horizontal axis before having to scroll. Unless you use word wrap in which case point becomes less irrelevant.

The following selection of 5 I have narrowed down from a list of 15 I tried over several days.

Bye bye Courier New. It's been fun, but now I'm leaving you.

Droid Sans Mono: This is actually pretty nice, and my preferred programming font now. Droid Sans Mono belongs to Google's Droid font family, which was naturally developed for their Android platform. At size 10 it has very nice kerning, and if you're using it on a screen with a lower res (as I am on my laptop right now at 1280x800) it's still very usable at 9 point allowing more code on screen.

droid.gif
Ideal size: 9 or 10pt (shown above).

Proggy Font: With a name like that there's no mistaking what Proggy Font is intended for. This font comes in a stack of different flavours, but for me Proggy Font Crisp and Proggy Font Clean are the most suitable among them.

proggy.gif
Ideal size: 12pt (shown above).

Lucida Console: This looks particularly nice in lower-case, and is also the same font I use in my command window (probably not a coincidence given its name). If you're on a Windows machine the chances are you will already have this font, but if not you can grab it from here.

lucida.gif
Ideal size: 9pt (shown above) or 10pt.

ProFont: When you just have to make the most of every available pixel of screen real-estate, ProFont might be for you. It's tiny, but it's still legible, except the difference in space after the opening < and before the closing > is quite drastic, particularly on the UL. Seriously - how tiny is that?

profont.gif
Ideal size: 9pt (shown above).

Envy Code R: This offering was suggested by a work colleague. As well as having a cool name, Envy Code R has been Jason's coding font of choice for a while. It's a sans serif font with a generous amount of space between each character, though in my opinion there's a little too much line height.

envy.gif
Ideal size: 10pt (shown above).

Just in case...

If you're interesting in giving any of these a go, make note of what your current font is in your application. Chances are it's Courier New (most certainly if it's Dreamweaver on a PC) , but if you don't like any of these you'll probably want to go back to what you had.

For me, it looks like Droid Sans is a winner.

Is this worth sharing?

That Web Guy

About That Web Guy

That Web Guy (Mikey to his friends) is a veteran web designer based in Perth, Western Australia, and currently Design Director at Perth Web Design. When he's not XHTML'ing or messing around in Photoshop, Mikey can usually be found preaching web standards evangelism onto unsuspecting victims.

Feel free to send That Web Guy a message some time, follow him on Twitter, or make a donation.

Comments

Not a Member

Jeff Chapman

Droid Sans Mono seems like a winner to me as well :-)


Saturday 11th July 2009 | 03:43 PM Reply Comment URL Back to top

Not a Member

Stanze

Never really considered changing font until just now. Reckon I'll give em a go. Thanks web guy.

Saturday 11th July 2009 | 05:45 PM Reply Comment URL Back to top

CSS Babe

CSS Babe

I always look forward to seeing what you'll do next and you never disappoint. Droid Sans Mono looks fab! How do I use it in Dreamweaver?

Saturday 11th July 2009 | 05:50 PM Reply Comment URL Profile Back to top

That Web Guy

That Web Guy

Responding to this comment by CSS Babe

Cheers! If you haven't already, put the font into c:\windows\fonts. Now open Dreamweaver and go to Edit -> Preferences and click 'Fonts' in the left pane. You'll see a few font selectors available - just change the one next to 'code view' to the one you want.

Too easy.

Saturday 11th July 2009 | 05:54 PM Reply Comment URL Profile Back to top

Not a Member

notice

Your php code is incorrect, it should be if($row["Bateman"] == 1)

Saturday 11th July 2009 | 07:52 PM Reply Comment URL Back to top

That Web Guy

That Web Guy

Responding to this comment by notice

Nice spotting. It's a good thing it's not production code :-)

Saturday 11th July 2009 | 08:19 PM Reply Comment URL Profile Back to top

Greg Molyneux

Greg Molyneux

Going to make the switch to Droid Sans Mono today. So long Courier New, it seems we hardly knew you...

Saturday 11th July 2009 | 10:33 PM Reply Comment URL Profile Back to top

Not a Member

Bill Hawkins

Good one Mike will give it a try now I have repaired my computer...

Sunday 12th July 2009 | 03:19 AM Reply Comment URL Back to top

Not a Member

Brent Blaskievich

ProFont link is same as lucida console's. Great post btw. +fan

Tuesday 4th August 2009 | 10:41 PM Reply Comment URL Back to top

Not a Member

Felix

Thanks for this!

Monday 5th October 2009 | 03:06 PM Reply Comment URL Back to top

Not a Member

Sidnei

ProFont link = error!

Thursday 25th February 2010 | 02:01 AM Reply Comment URL Back to top

Not a Member

joe


try 'liberation mono'. it will be your go-to font.

Wednesday 31st March 2010 | 12:47 AM Reply Comment URL Back to top

That Web Guy

That Web Guy

Responding to this comment by joe

Thanks - I'll give that a try.

Wednesday 31st March 2010 | 06:43 AM Reply Comment URL Profile Back to top

Not a Member

Michel

Monday 5th April 2010 | 08:50 AM Reply Comment URL Back to top

That Web Guy

That Web Guy

Responding to this comment by Michel

Digging Sans and Sans Mono at 8 point. The difference between 8 and 9 point is drastic (looks more like a 2 or 3 point difference). I wish there was something in between, but it's still a very good programming font.

Nice find.

Monday 5th April 2010 | 08:15 PM Reply Comment URL Profile Back to top

WhiteDog

WhiteDog

Hi Michael -

I'm afraid I must diverge from the apparent consensus here which seems to favor fixed width fonts for coding. I find fixed width fonts particularly difficult to read and avoid them whenever possible . Prosaic as it may seem, I generally prefer Verdana in most on-screen situations (when I'm not designing for print) - even in Terminal (the Mac equivalent of the Console). A serif font like the one you use on this blog is fine for printed text. And it's not bad for a screen font, either, much to my surprise - italic fonts don't usually read very easily. I assume it's Droid Serif Italic, though how you got it to display before I even installed it on my system is a bit of a puzzle. CSS 3 perhaps? I'm reading this blog in Safari 4 on a Mac with OS X 10.6.3, which, of course, is a Webkit browser that has some support for HTML 5 and CSS 3.

FYI: I use FontXChange to convert TrueType fonts to OpenType so that I may, if I choose, use them in a print project. It converts most Windows ttf fonts just fine.

Anyway, that's my 2 cents.

Saturday 8th May 2010 | 09:51 PM Reply Comment URL Profile Back to top

That Web Guy

That Web Guy

Responding to this comment by WhiteDog

Thanks WhiteDog.

No CSS3 trickery here :-) The font on this blog is plain old Georgia, a Windows system font that has been around for ever. If you don't have it (I'm not sure if it's on the Mac or not) then it will go back to Times New Roman.

Interesting choice about the non-fixed-width programming font, but it doesn't matter as long as you're comfortable reading it.

A good friend of mind led me to a new one a few weeks ago called 'Consolas'. It's my preferred font even over Droid Sans Mono now: http://www.microsoft.com/downloads/details.aspx?familyid=22e69ae4-7e40-4807-8a86-b3d36fab68d3&displaylang=en

Sunday 9th May 2010 | 07:08 AM Reply Comment URL Profile Back to top

Not a Member

Rich T

Sunday 30th May 2010 | 03:58 AM Reply Comment URL Back to top

FYI: You are currently not logged in. It's cool though - you can still comment. But only members get a profile page, access to the download section and they can pimp their own web sites. Feel free to register or Login now!

Your name:

Your comments:

Note: HTML tags are automatically stripped from comments.

Are you human?
Turing

Sorry, I have to ask. So what sort of animal is this? (Hint: you don't have to be perfectly specific)

Back to top

Login to That Web Guy Blog

Login

Not registered? | Forgot your Password? Cancel Login