Slashdot Mirror


Programming With Proportional Fonts?

theodp writes "Betty or Veronica? Mary Ann or Ginger? Proportional or Monospaced? There's renewed interest in an old blog post by Maas-Maarten Zeeman, in which M-MZ made the case for programming with proportional fonts, citing studies that show proportional fonts can be read 14% faster than fixed-width fonts. Try it for a couple of weeks, he suggests, and you might like it too. Nowadays, Lucida Grande is M-MZ's font of choice on OS X, and he uses Lucida Sans on Windows. Helvetica, anyone?"

42 of 394 comments (clear)

  1. prophecy by Anonymous Coward · · Score: 4, Funny

    this guys just trying to ensure the prophecy of the helvetica wars is fulfilled

  2. Monaco by psergiu · · Score: 3, Funny

    Monaco is fixed-width & good looking.

    --
    1% APY, No fees, Online Bank https://captl1.co/2uIErYq Don't let your $$$ sit in a no-interest acct.
    1. Re:Monaco by psergiu · · Score: 5, Insightful

      background: black
      foreground: X11:peachpuff or #99CF96
      font: X11:10x20 or Monaco 12pt

      That's way faster to read than anything on a bleed-your-yeys white background.

      TFA is comparing 10pt Monaco with a 12pt font. Put them both at 12pt and Monaco - which is monospaced - the way God intended computer displays to be - wins.

      --
      1% APY, No fees, Online Bank https://captl1.co/2uIErYq Don't let your $$$ sit in a no-interest acct.
    2. Re:Monaco by Jurily · · Score: 3, Insightful

      There are a lot of fixed width fonts specifically designed so each character is unique in appearance. That is not negotiable when programming.

      oO0 il1 lilli

    3. Re:Monaco by psergiu · · Score: 5, Informative

      Monaco is one of them. 0 is slashed and 1, l, I and | are unique.

      --
      1% APY, No fees, Online Bank https://captl1.co/2uIErYq Don't let your $$$ sit in a no-interest acct.
    4. Re:Monaco by h4rm0ny · · Score: 3, Funny


      Still, I'd be willing to give it a try. If I knew how to get proportional fonts in vi. Anyone tell me how to add proportional fonts to a terminal in KDE 4?

      --

      Aide-toi, le Ciel t'aidera - Jeanne D'Arc.
    5. Re:Monaco by Anonymous Coward · · Score: 4, Funny

      Bah, you kids and your unique characters. I use fixedsys, and typing the wrong characters has never been a pr0blem.

    6. Re:Monaco by Sir_Lewk · · Score: 3, Insightful

      Um yes... its good looking.

      See what I did there? "good looking" is subjective and when you act like it's not you come off as a jackass.

      --
      "linux is just DOS with a UNIX like syntax" -- Galactic Dominator (944134)
    7. Re:Monaco by Dun+Malg · · Score: 4, Funny

      Now if you could simulate a long persistence phosphor.

      It's just not the same without a permanently burned-in login prompt

      --
      If a job's not worth doing, it's not worth doing right.
  3. Overrated by tjstork · · Score: 3, Insightful

    I've programmed in proportional fonts. It's ok, but I prefer fixed width for alignment.

    --
    This is my sig.
    1. Re:Overrated by interiot · · Score: 4, Informative

      Elastic tabstops solve the alignment problem. "Do what I mean, not what I say" with whitespace is a good thing, particularly when the width of a character can be totally different for every reader. Elastic tabstops aren't implemented in many editors yet (currently available as an optional feature in gedit and Code Browser), but once it becomes more widespread, many more programmers will be free to try out proportional fonts for coding.

    2. Re:Overrated by ceoyoyo · · Score: 4, Insightful

      Just use tabs. If the dork who opens your text file doesn't have his tab stop set for his preferred size then he deserves to see ugly code.

      You probably use four spaces, hey? Personally I hate four spaces. Waste of space. Two is the way it was intended to be. But I understand that other people might have different preferences. With tabs we can all be happy.

    3. Re:Overrated by pjt33 · · Score: 4, Insightful

      Nonsense. Differing widths of tab-stops only cause problems when people mix tabs and spaces.

  4. Consolas by Mangala · · Score: 5, Insightful

    Microsoft's Consolas with properly tweaked ClearType has been my personal favorite since its release. Another huge improvement to my code screen is changing the background color to a light grey - still not a dark color scheme, but much less glaring than pure white.

    1. Re:Consolas by Anonymous Coward · · Score: 4, Insightful

      Second the Consolas recommendation. One reason why I prefer fixed-width fonts is that proportional fonts reserve too little room for dots, commas, semicolons and other "narrow" characters, which happen to be of great importance in programming. Proportional fonts focus on text, while programming languages focus on structure.

    2. Re:Consolas by nabsltd · · Score: 3, Interesting

      Anyway, Consolas rules my world.

      I tend to use 9-point Bitstream Vera Sans Mono.

      Consolas at that size has both vertical and horizontal spacing that just doesn't look right to me. At larger sizes (11-point or more), the smaller x-height of Consolas gives it a better look. The "x-height war" that Microsoft started where all of their standard fonts have a large x-height for more readability but far less style is reversed a bit in Consolas.

      Both Consolas and Bitstream Vera Sans Mono are great programming fonts because the easily confused characters are all obviously different. I like the comma in Consolas better, though, because it's even more obviously not a period.

  5. For bug-free code ... by Anonymous Coward · · Score: 5, Funny

    MS Comic Sans is simply the best. My code doesn't have bugs, it has bloopers and out-takes.

  6. Pencil and Paper by turgid · · Score: 4, Insightful

    It's the only way to write real code.

    1. Re:Pencil and Paper by Kjella · · Score: 3, Funny

      Cue the XKCD comic with the butterflies, but I'm too lazy to find it.

      --
      Live today, because you never know what tomorrow brings
    2. Re:Pencil and Paper by amRadioHed · · Score: 3, Funny

      Meh, pencils have a nice sharp point and all, but dedicated card punchers are still much faster.

      --
      We hope your rules and wisdom choke you / Now we are one in everlasting peace
  7. ProFont ruled the day by drerwk · · Score: 3, Interesting

    This was my favorite for a long time. No question about 1 and l, or 0 and O; which may have been identical in the default Monaco. Also :,;, and , where slightly bold so one could easily see statement ends.
    But for whatever reason, big screens, better fonts, syntax highlighting. ProFont was quite readable in 9pt; important on small screens. I might try to put ProFont in Eclipse tomorrow. ProFont can be found here: http://www.tobias-jung.de/seekingprofont/index.html

  8. Many years ago ... by Anonymous Coward · · Score: 5, Informative

    ... /. had a thread very similar to this.

    And there were a lot of valuable inputs, like

    * 1. Make sure that the font's period (.) sign and the comman (,) sign is BIG, to aid in the debugging process.

    * 2. Color of the font and background must also complement each others. Too much contrast hurts the eyes. Too little will blur them up and make it hard to see.

    There are many other very useful pointers in that thread. If anyone can dig that thread up it would be very very useful for the new crop of programmers.

    1. Re:Many years ago ... by BenoitRen · · Score: 4, Informative
  9. Do the studies apply? by mattdm · · Score: 4, Insightful

    Reading prose is different from reading code. I'd think that whatever you gain wouldn't be enough to make up for the loss from lack of vertical alignment.

    Additionally, which monospaced font you use matters. You need one that's designed to be readable and to make clear distinctions between 0 and O, l and 1, and so on. I use Raph Levien's Inconsolata for coding, and it's excellent (and available under the Open Font License).

    On Fedora, yum install levien-inconsolata-fonts.

    1. Re:Do the studies apply? by TheRaven64 · · Score: 3, Insightful

      You're confusing indenting with alignment. Indenting is a set of whitespace at the start of a line indicating the depth in the scope. Alignment can be anywhere, for example between variable types and their names in a structure. If you have an int element and a float element, you might put one space after float and three spaces after int, then the variable names will line up. In languages like Objective-C and Smalltalk it's common to have colons lined up in message sends that wrap more than one line. To do this, you need to be able to guarantee that the whitespace that you put in one line is the same width as the characters that you put in the other.

      If your editor supports elastic tabstops, then you can use them, but then your code will look weird in something like viewvc or any editor that doesn't. This is why our coding conventions say you should use tabs for indenting and spaces for alignment. A tab is a semantic 'indent by one level' character, while a space is an 'advance the cursor by one character width' character. To have this work in a proportional font, you'd need to redefine space to mean 'advance the cursor by the width of the character directly above'. This is not impossible, but it would require a bit of hacking in the layout engine.

      --
      I am TheRaven on Soylent News
  10. Proportional fonts are better to read by krou · · Score: 4, Interesting

    From what I understand, the way we process written words is based on the idea that each word is a like a "picture" made up of letters. So, the easier it is to identify the picture, the easier it is for us to read. This means that the width and height of letters plays an important part in creating unique pictures. It is for this reason (at least in print) serif fonts are much easier to read than sans-serif fonts. It's also for this reason that ALL CAPS is the most difficult way to read compared to just reading normal text. On this basis alone, it's likely that proportional fonts are better to read because they're likely to create better word pictures.

    --
    'If Christ had tweeted the sermon on the mount, it might have lasted until nightfall.' - John Perry Barlow
  11. Not the bottleneck by bcmm · · Score: 4, Insightful

    Speed of reading is not a bottleneck in understanding code anyway, since I am sure it is pretty uncommon to be able to understand code while reading it as fast as you would read a novel.

    And there are numerous disadvantages: lack of alignment, smaller punctuation making syntax errors less visible (" '" vs "' " for example), etc., etc.

    --
    # cat /dev/mem | strings | grep -i llama
    Damn, my RAM is full of llamas.
  12. They're doing it wrong by CdBee · · Score: 4, Funny

    /. is meant to be the font of all knowledge, not the knowledge of all fonts

    --
    I have been a user for about 10 years. This ends Feb 2014. The site's been ruined. I'm off. Dice, FU
  13. Reading prose versus editing code by Krioni · · Score: 5, Insightful

    What I wonder about is whether the ease of reading attributed (correctly, I assume) to proportional fonts apply to prose, but not necessarily to the kinds of reading needed in programming. When I read code, I'm sometimes looking for single-character mistakes. In a case like that, a proportional font that helps form "word-pictures" might mask an error. In other words, the speed attributed to proportional fonts is for reading comprehension — translating text into thought — but might actually detract from the speed and accuracy of reading for the purpose of editing/finding mistakes.

    --
    Lose essential liberties to get temporary safety = get only hassles and security theater.
    1. Re:Reading prose versus editing code by smisle · · Score: 3, Interesting

      If I remember right, (some) Editors (the human kind that edit manuscripts) prefer monospaced fonts for exactly the same reason - they can catch errors much easier.

      I typically use the font 'Monospace' although I'm not particularly attached to it.

      --
      I'm not a bird, I'm a super-advanced flying stealth dinosaur!
  14. reads faster? by g253 · · Score: 4, Interesting

    Are we really in such a hurry when reading code? I'm under the impression that fixed fonts allow us, when we parse code, to see the different elements more clearly because their size is determined by the number of characters. But that's just an intuition. Anyone else has the same feeling?

  15. visual cues by pz · · Score: 4, Insightful

    Human languages have lots and lots of redundancy, such that you can often either screw up letter order, word order, or even drop entire words, and often the full meaning is clear. Visual cues in the form of paragraphs and chapters are added to help guide the reader, but removing them would not render the text entirely incomprehensible.

    Computer languages are not as forgiving, and, also, lacking redundancy, far denser. Reading speed is irrelevant because of the bottleneck formed by reading comprehension. Code is rarely read in novel-like linear fashion, but, much more often, flitting from one part of the text to another, navigating through visual cues. Visual cues in the form of often richly structured layout that includes idioms not required by syntax make navigating and comprehending code possible, and removing them although would, in most languages, not change the meaning of the code, would erect a formidable barrier to comprehension. Not using these cues to the fullest to help write clear, expressive and maintainable code is being self-indulgent and shortsighted. Requiring that a particular, and perhaps unspecified font be used for best display, rather than the ubiquitous assumption of monospaced font, is mere vanity.

    Remember, when code is written, it is meant not only to be converted into executable machine language, but also to be comprehensible and comprehended by other programmers, or future selves. Clarity of expression is vital.

    --

    Put my fist through my alarm clock with its ding-dong death inside my ear. - The Blackjacks.
  16. Stroustrup chose proportional-width by Looke · · Score: 4, Interesting

    All code in Stroustrup's "The C++ Programming Language" is presented in a proportional-width font: "At first glance, this presentation style will seem 'unnatural' to programmers accustomed to seeing code in constant-width fonts. However, proportional-width fonts are generally regarded as better than constant-width fonts for presentation of text. Using a proportional-width font also allows me to present code with fewer illogical line breaks. Furthermore, my experiments show that most people find the new style more readable after a short while."

    Not only is the font proportional, but it's bold, italic, and serif as well. Now, reading a textbook is of course pretty different from editing on-screen, but I remember reconsidering some of my habits after reading that book. That code ain't hard to read.

  17. Re:Bad for the next maintainer by gaggle · · Score: 4, Interesting

    Incorrect.

    I use proportional fonts (on whiteish background) because I'm a rebel and don't have any nostalgia for black-background-green-text terminals (i.e. I enjoy the increased readability). And contrary to your statement my code is properly tabbed, functions are aligned, everything is indented just the way FSM demands it. I know this because my coworker enjoys his nonproportional black-backgrounded terminal look and our code is interchangeable.

    I simply stay away from "clever alignment tricks". I don't align comments up that sit at the end of my code lines, and you know what? Neither should you. They're annoying no matter the font-type because rewriting one line can make you end up re-indenting all the comments in that block and it's just such a silly waste of time. In my world comments go above a line, or even better is writing the code so at most it needs a little Docstring blurp to provide some context.

    To recap: I'm glad you're not my boss you goddamned controlfreak. I get to read my code in sparkly pink letters as long as it doesn't affect my output or my coworkers.

  18. Only if you don't use VIM by tagattack · · Score: 5, Insightful

    VIM renders text-area as a grid. This is compatible with column-area selection, and other features it supports which frankly I use nearly daily. While I've honestly considered using proportional fonts — I've tried living without VIM, switching to Eclipse or IDEA for several months at a time to give the IDE experience a full opportunity. Doesn't work for me, so neither will proportional fonts.

    Besides there seem to be more reasons not to use proportional fonts than to use them:

    • Lot's of people align assignments, this will look terrible.
    • Several formatting techniques (newline before curly bracket) depend on the width of whitespace.
    • Occasionally code contains tabular data which is easily formatted for digestibility using fixed-width fonts.
    • Occasionally, although rarely, comments may contain diagrams or ascii-art figures which would be rendered useless with proportional font.

    Reasons to use them:

    • You might be able to read the contents of your code up to 14% faster, if you don't run into the issues above...
  19. Stroustrup is guilty of worse than that by argent · · Score: 3, Insightful

    Odd. My impression after reading his book was that Stroustrup deeply misunderstood the importance of coding style. And not merely because "C++" and "style" should only be combined for humorous effect: the way "&" behaves in declarations is bizarre, and his explanation read like a rationalization for a bad decision.

  20. Missing the Point by Deorus · · Score: 3, Insightful

    While fixed-width might not be recommended for text, code is not exactly regular text. In a regular essay, skipping a period or a comma is usually not an issue. In code, however, it makes a world of difference, and therefore it doesn't make sense to use a font that may cause confusion between a pair of parentheses '()' and a zero '0', an 'I' and an 'l', a single dash '-' and two dashes '--', etc. Fixed-width founts are a lot clearer, and clarity and usability are extremely important for me.

  21. Re:Dark background by wed128 · · Score: 5, Insightful

    I call foul on this.

    On paper, you need the extra white to reflect as much reading light back at you as possible.

    with a computer display, the light is generated behind the text, so you don't need the sheer volume of light a white background gives you. This was even more true of old CRT displays, but even an LCD backlight produces way to much light to read comfortably. Note that non-backlit displays follow the opposate convention, and really benefit from a light background.

    in conclusion, go with what you're comfortable with; what do a bunch of dorks on slashdot know anyway?

  22. Plan 9 has always used proportional fonts... by CondeZer0 · · Score: 4, Informative

    The programming environments by Rob Pike use proportional fonts by default. Both Acme (also used by Dennis Ritchie) and Rob's previous text editor Sam (still used by Ken Thompson, Brian Kernighan and Bjarne Stroustrup).

    The rio terminal windows also use proportional fonts.

    At first (like many other things from the Plan 9 world) the lack of precise control about how everything spaced can be a bit frustrating, but once you learn to stop worrying about it, it can be rather pleasant and liberating to use (good) proportional fonts for writing code.

    --
    "When in doubt, use brute force." Ken Thompson
  23. inilliibiliti by epine · · Score: 4, Informative

    proportional fonts can be read 14% faster than fixed-width fonts

    Sounds good, until brain engages, 14% later. can be always flags +10 in my wetware instance of CrapAssassin, unless BeerGoggles is displacing cycles.

    I think, with maybe 60,000 hours of reading time under my lengthening belt, I'd have noticed this effect by now, if it applied carte blanch to all modes of reading. The other night I skimmed the 130,000 words supplied in response to the Edge 2010 question "How is the Internet changing the way YOU think?" This was not the cream of their efforts, but there were some interesting topical centers.

    My reading speed through this exercise varied by an order of magnitude, depending on signal density. The weird thing is, for some of the longer responses, my subconscious sends notice "nothing to see here" at a skimming speed where I have no clue what words are actually flying past. Every so often, I drop out of warp speed to double check, and sure enough, not very much to see here, by whatever criteria turns my crank, which itself is sometimes elusive to my conscious mind.

    I took a speed reading course and read 'War and Peace' in twenty minutes. It involves Russia.
              — Woody Allen

    I once attended a school where in some dark closet they kept copies of "Duck and Cover" films, as well as a CRM114-vintage machine designed to stretch your saccade, by forcing you to read words in a revealed window with a progressive speed ratchet.

    I never did especially well compared to the best of my classmates on the quiz that followed. Had they slowed that stupid thing down to about half the speed they were forcing us to read, followed by an essay question to expound upon conceptual error, distortion, slant, exaggeration, and damn lies, I would have run out of foolscap before completing my task. In critical response, I was an autobahn surrounded by country lanes, yet many of my classmates could read for uncritical comprehension faster than I could. Dangerous skill. (I'm sure for some of my old classmates, whatever dirt path once existed has returned to nature in their adult years, with ample fertilizer from mainstream media, but that's another matter.)

    It's no different with source code. You can read for comprehension, or you can read for all possible error, a state of mind where the eyes consume only a tiny fraction of total brain glucose. Critical thought in the candy factory is hard enough when the conveyor flows along at a consistent speed. Neither can I properly type a long sequence of i and l characters worth a damn in a proportional font. My eyes fail to sync with my fingers, and half the letters fall down my shirt.

    Nothing impairs reading speed like a tightly written algorithm where every symbol is exactly right. Nothing inflates the volume of symbols violently gouged onto the retina as a chunk of code where no symbol means precisely what it seems to mean.

    Personally, I'm not lining up for smaller gouges in greater number.

  24. Re:Dark background by Achromatic1978 · · Score: 4, Interesting

    with a computer display, the light is generated behind the text, so you don't need the sheer volume of light a white background gives you. This was even more true of old CRT displays, but even an LCD backlight produces way to much light to read comfortably.

    Perhaps because most displays are sold pre-set to 100% brightness, 100% contrast, because that's what looks shiniest and most vibrant on display, driving sales.

    A while back, I experimented, with the assistance of a color calibrator I use for photography (i1 Display 2, and turned the brightness on my LCD to 40%, contrast to 70%.

    The result? "Wow, that's so dim. I don't think I could read that..." ... for about an hour. Now it's fantastic. My eyes hurt less, especially when the room is dark, and seem more sensitive (in a good way). Reading online all day, coding... so much more pleasant. Definitely a worthwhile experiment.

  25. top-10-programming-fonts by hey · · Score: 4, Informative