font-styles for css-tricks

[Attila Hajzer]

Does anybody know the font styles that css-tricks uses to write their code in their articles.

I can’t seem to find the article Chris wrote about “writing for css-tricks”. It also included a download for example files i believe, stating if you have a great idea and have the time to explain it in detail with demo’s and such that you can email it to chris and he will approve or disapprove the article for css-tricks. I’m not say that that’s what I want to do, just I’d like to know the font- properties that he uses for my text editor (Notepad ++) I really like the font he uses and the colours, I have a theme similar for notepad++ (Twilight theme). but i’d like to know the font size and type and things like that if possible.

[Paulie_D]

Just inspect them using developer tools.

[Kitty Giraudel]

font-family: ‘Whitney SSm A’, ‘Whitney SSm B’, “ff-meta-web-pro”, sans-serif;

Not free if I’m correct.

[chrisburton]

Chris uses H&FJ ScreenSmart webfonts. And no, they are not free. Nor should they be.

http://www.typography.com/cloud/welcome/

However, it sounds like this question is about what text editor he uses? Kind of confusing.

[jrelgin]

@attilahajzer I think you are talking about the typeface in Chris’ code examples. He uses:
font-family: Menlo, Monaco, monospace;

I’m not sure of the editor theme that would match the syntax highlighting and background, but you could try Monokai. Just search for Monokai Notepad ++. You should also check out [http://www.sublimetext.com/](http://www.sublimetext.com/ “sublime text”) as a text editor.

[Author]

Posts