search

deyuw / course-site

0 stars 0 forks source link

Pick a better monospace font #1

Open david-yz-liu opened 10 years ago

david-yz-liu commented 10 years ago

For <code> elements

deyuw commented 10 years ago

How is Monaco? Personally I am also in favor of the original default (Courier). Here they are for comparison:

screen shot 2014-07-31 at 7 16 06 pm

Here's some more you can have a look at: http://hivelogic.com/articles/top-10-programming-fonts Personally, I don't prefer fonts whose "g" letters have the circles (e.g. Consolas) because they look serif-like, which I feel doesn't suit the code quite well. Any you prefer?

deyuw commented 10 years ago

I also added a yellow highlight to the code elements.

david-yz-liu commented 10 years ago

I dislike Courier. I'm fine with either Consolas or Inconsolata.

david-yz-liu commented 10 years ago

Also, we need to include the font ourselves, and not rely on system fonts.

david-yz-liu commented 10 years ago

Also, I don't like the yellow background.

For inline, I'd prefer a grey background like Github. For code blocks, just a border around the code would be nice.

david-yz-liu commented 10 years ago

They're wrapped in a pre element.

On Fri, Aug 1, 2014 at 12:47 PM, Deyu Wang notifications@github.com wrote:

Is there anything in the html to distinguish between inline code and code blocks?

— Reply to this email directly or view it on GitHub https://github.com/pencilz/csc236-site/issues/1#issuecomment-50907298.

deyuw commented 10 years ago

Consola.ttf font added. Inline code style added. Still working on code block.

deyuw commented 10 years ago

Done