DEV Community

loading...

My list of 3 best fonts to use while programming

michaelgrigoryan25 profile image Michael Grigoryan ・1 min read

JetBrains Mono

Website: https://www.jetbrains.com/lp/mono/
image

FiraCode

Website: https://github.com/ryanoasis/nerd-fonts/tree/master/patched-fonts/FiraCode
image

Ubuntu

Website: https://fonts.google.com/specimen/Ubuntu
image

Discussion (4)

pic
Editor guide
Collapse
jinksi profile image
Eric Jinks

FiraCode πŸ”₯ πŸ’―

I recommend also using it as a webfont for <code /> blocks.
Really easy to implement with github.com/fontsource/fontsource if you're using a bundler like Webpack (or Next, CRA, Gatsby etc)

Collapse
jinksi profile image
Eric Jinks

npm install @fontsource/fira-code

// index.js
import '@fontsource/fira-code/400.css'
Enter fullscreen mode Exit fullscreen mode
/* style.css */
code {
    font-family: 'Fira Code', monospace;
}
Enter fullscreen mode Exit fullscreen mode
Collapse
marcellothearcane profile image
marcellothearcane

Anything with ligatures. ❀

Collapse
michaelgrigoryan25 profile image
Michael Grigoryan Author

100% πŸ˜† πŸ’˜