Damaera avatar

Make code and codeblocks font to be monospaced

damaera

Published: 06 Mar 2018 › Updated: 06 Mar 2018Make code and codeblocks font to be monospaced

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
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

Leave Make code and codeblocks font to be monospaced to:

Written by

Musician, Programmer, Scientist

Read more #utopian-io posts


Best Posts From Damaera

We have not curated any of damaera's posts yet. But you can encourage our curation team to review posts by visiting them regularly and by referring other readers. Because we give priority to frequently read content.

More Posts From Damaera