Google Use "Courier" font for code display in website

Sep 25, 2010

Use "Courier" font for code display in website

Courier is the best font to display codes in websites.

Why we need special font for code display

When you write or display code there will be symbol like < and >  and also other symbols.

For better understanding and looks,the letter spacing between the code text should be of more spacings.

A compact text font is good for normal text not for code display.

Why "Courier" font best for code Show or code display

  • Courier font has the most spacing between letters.
  • It is one of the web safe font and recommended to use
  • Looks neat and clean

An example will clear the fact~Courier font as code show

Below a same text is displayed with different font.I think you will agree with me , With "Courier" font ,the code looks neat and clean.
In fact all of my code show in this website is with courier font.
  • Web code tutorial-html ,CSS ,Javascript
  • <ul>test font</ul> - Arial font
  • <ul>test font</ul> Courier font
  • <ul>test font</ul> Times font
  • <ul>test font</ul> veranda font
  • <ul>test font</ul>Trebuchet font
  • <ul>test font</ul> Helvetica font
  • <ul>test font</ul>Georgia

No comments:

Post a Comment