Make code and codeblocks font to be monospaced

in #utopian-io6 years ago (edited)

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
image.png

And here is the preview
image.png

And here is from someone post
image.png

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
image.png

Benefits

The code will easier to read and more comfortable.



Posted on Utopian.io - Rewarding Open Source Contributors

Sort:  

Your contribution cannot be approved because it is a duplicate. It is very similar to a contribution that was already accepted here.

You can contact us on Discord.
[utopian-moderator]

Okay thank you