Take the 2-minute tour ×
Graphic Design Stack Exchange is a question and answer site for Graphic Design professionals, students, and enthusiasts. It's 100% free, no registration required.

I'm trying to style a personal site that includes many code listings, with text commentary; many of the code samples are written in the Python language, so they look best a fixed-width font.

There are lots of explanations around on how to choose matching fonts, but I was able to find none that addresses the question of how to make a font stack that includes a good monospace font to be used extensively. (My personal liking is for "book-like" designs using serif fonts, e.g. Moargh's theme "Feijoa", but I find it hard to find a monospace that matches.)

Can you please suggest:

  • examples of good web design that includes non-trivial amounts of displayed code, or
  • advice or resources on how to proceed for the selection.
share|improve this question
    
I would say, use this and don't worry about the font too much alexgorbatchev.com/SyntaxHighlighter ( It includes quite a few themes in the package. ) –  Joonas May 8 '12 at 8:50

2 Answers 2

A list of fonts available on various platforms. Includes lots of monospaced fonts:

Matrix of fonts bundled with Mac and Windows, Microsoft Office and Adobe Creative Suite

You'll notice that you actually don't have that many options though. Unless you use TypeKit or embed the font on your page (and use CSS @font-face). Creating a font stack is fairly easy. Here's some advice on it:

Guide to CSS Font Stacks: Techniques and Resources

I really like the LESS website. Contains lots of code examples.

lesscss.org

share|improve this answer

Use Gist from Github - https://gist.github.com/ then it will not only look nice but it'll format it with colors and such like an IDE

share|improve this answer

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.