: Fonts for styling a blog that includes lots of code samples I'm trying to style a personal site that includes many code listings, with text commentary; many of the code samples are written

Posted in: #Fonts #ResourceRecommendations #WebsiteDesign

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.

10.02% popularity Vote Up Vote Down

: Envelope-Distort a vector shape in fireworks Is there a way to envelope-distort a vector shape in Adobe Fireworks? Meaning - distort it by by manipulating the object's surrounding rectangle. I

@RJPawlick971

Posted in: #AdobeFireworks

2 Comments

: Odd PS CS5.5 problem: can't right click, drag, or use the keyboard The strangest Photoshop problem I've ever had just came up... I all of a sudden cannot right click, click and drag, use

@RJPawlick971

Posted in: #AdobePhotoshop

2 Comments

: Tasteful Alternative to Marquee So a client of mine is making repeated requests for things that were "cool" when her website originally launched in the late nineties. One feature is a scrolling

@RJPawlick971

Posted in: #Animation #ClientRelations #WebsiteDesign

5 Comments

: Illustrator CS6: Where did the debug panel go? Computing area of irregular shapes I've been looking for ways to compute the area of an irregular shape. I've found this post for tips: http://www.astutegraphics.com/blog/calcul

@RJPawlick971

Posted in: #AdobeIllustrator #Cs6

5 Comments

Login to post a comment!

2 Comments

Sorted by latest first Latest Oldest Best

@Ogunnowo857

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

10% popularity Vote Up Vote Down

@Hamaas979

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

10% popularity Vote Up Vote Down

Feed

: Fonts for styling a blog that includes lots of code samples I'm trying to style a personal site that includes many code listings, with text commentary; many of the code samples are written

More posts by @RJPawlick971

: Envelope-Distort a vector shape in fireworks Is there a way to envelope-distort a vector shape in Adobe Fireworks? Meaning - distort it by by manipulating the object's surrounding rectangle. I

: Odd PS CS5.5 problem: can't right click, drag, or use the keyboard The strangest Photoshop problem I've ever had just came up... I all of a sudden cannot right click, click and drag, use

: Tasteful Alternative to Marquee So a client of mine is making repeated requests for things that were "cool" when her website originally launched in the late nineties. One feature is a scrolling

: Illustrator CS6: Where did the debug panel go? Computing area of irregular shapes I've been looking for ways to compute the area of an irregular shape. I've found this post for tips: http://www.astutegraphics.com/blog/calcul

Login to post a comment!

2 Comments

Back to top | Use Dark Theme