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
Leave Make code and codeblocks font to be monospaced to:
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
- Help promote Framesia
- Introducing Framesia: Frame your thoughts and get rewards
- something from editor
- test
- Utopian-score: See your contribution score
- #STEEMGIGS: I will do front-end developing, Make website/app with ReactJS and other Javascript Framework
- Logo design for Framenote
- Make modal with react portal
- Framenote: minimal, distraction-free writing app
- React-acrylic: Frost glass effect / acrylic material react component
- Moderator application for Utopian
- There is unneeded character rendered in sponsors page
- Make code and codeblocks font to be monospaced
- React-resize-image : React component for resizing image
- TorrentSpider webapp, search torrent across multiple providers