CSS-Mono

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

Design

Preview Images as of Nov 03, 2017

Download the latest version

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

Use the font in code editors

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.

Code Editor Themes

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

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

Atom

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

Visual Studio Code

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