I am new to this SE site, and looking at the badges section, the font is hard to read. Is it possible to either change this font, or make it bigger?


The fonts enumerated for the .badge CSS class:

| Font name                | Tested ? | Looks good ?  |
| DejaVu Sans Mono         | yes      | yes           |
| Bitstream Vera Sans Mono | yes      | yes           |
| Courier New              | yes      | no, too small |
| Courier                  | yes      | no, too wide  |
| Consolas                 | yes      | yes           |
| Andale Mono WT           |          |               |
| Andale Mono              |          |               |
| Lucida Console           | yes      | yes           |
| Lucida Sans Typewriter   | yes      | yes           |

(Tested on Linux with Firefox. If you have the other fonts installed, please edit this answer.)

For now, seems that Courier New is the one to blame. I suggest to remove Courier New and to move Courier as last font specified for .badge in all.css:

font-family:"DejaVu Sans Mono","Bitstream Vera Sans Mono",Consolas,"Andale Mono WT","Andale Mono","Lucida Console","Lucida Sans Typewriter",Courier,monospace;
  • I guess I should have looked at the CSS...
    – daviesgeek
    Oct 4 '11 at 17:43
  • Actually I intended to address that "I suggest to" to the site management. I think this should be solved globally.
    – manatwork
    Oct 5 '11 at 7:04
  • Sounds good! Thanks!
    – daviesgeek
    Oct 5 '11 at 15:53
  • The Mac fonts Menlo (especially) and Monaco are quite a bit closer to the "preferred" Vera Sans Mono than the current first likely fallbacks of Courier New or Courier. Oct 12 '11 at 4:59
  • Courier only looks wide because of the peculiarities of Windows font rendering system.
    – kinokijuf
    Jan 8 '12 at 9:40
  • @kinokijuf, then Linux presents the same peculiarities. Note that I tested those fonts on Linux. I put together a small test table on jsFiddle.
    – manatwork
    Jan 8 '12 at 12:52
  • @manatwork I didn’t know Linux supports bitmap fonts.
    – kinokijuf
    Jan 8 '12 at 16:25

With the recent design updates to the site, the badge font is now larger. See Site Design Updates for details.


While this doesn't address your feature request, it is a workaround: in all (modern) web browsers you can increase the size of the fonts on a page with the zoom command. In Firefox, for example, this is Ctrl+.

Alternatively, you could also use an extension like Stylish and write your own CSS snippet to override the default style.

  • Yeah, I could do that. It's not completely unreadable, but somewhat annoying.
    – daviesgeek
    Sep 3 '11 at 22:18

You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .