Make code and codeblocks font to be monospaced

Components

The components is text editor and preview, post and comment of utopian.io.
When we writing markdown and want to make code with backtick ` or codeblock with triple backticks ``` the output is still sans-serif font.

Proposal

Since most utopian users are developers, there must familiar with code and developers never code with sans-serif fonts.

Here is when I write in utopian editor

And here is the preview

And here is from someone post

It just CSS problem, you should change CSS font in code and pre inside post and comment section.
change it to become like this

font-family: "SFMono-Regular",Consolas,"Liberation Mono",Menlo,Courier,monospace;

Mockups / Examples

when implemented it should be like this

Benefits

The code will easier to read and more comfortable.

---

Posted on Utopian.io - Rewarding Open Source Contributors

---