CSS Mono is a typeface designed and optimized specifically to be used to write and read CSS code.

Preview Images as of Nov 03, 2017 screen shot 2017年11月02日 at 11 22 44 pm

Note: CSS Mono is not released yet, I am actively working on it. For now, you can download the prototype font to test it out and give me feedback. Everyone is welcome to report issue and feedback.

• 👉🏿 Download CSS Mono Regular
• 👉🏿 Download CSS Mono Italic

install the font in your computer and specify font name in your code editor to be CSS Mono Please don't specify it to the italic font.

It is best to use code editor color themes that support italic to highlight attributes, special strings, and comments. for example, these themes in particular works better with typeface with italic styles like CSS Mono

• Cobalt 2
• Oceanic Next Italic
• Eiffel
• Espresso Libre
• iPlastic
• Lazy
• Mac Classic

• Sublime Text Guide
• Preferences ▶ Settings
• "font_face": "CSS Mono"

• Atom Guide
• Preferences ▶ Editor Settings ▶ Font Family
• CSS Mono

• Visual Studio Code Guide
• Preferences ▶ Settings ▶ User Settings
• "editor.fontFamily": "CSS Mono"