DEV Community

I Built a Site for the Best Coding Fonts

Mostafa Gaafar on April 14, 2020

I'm always looking for a coding font that looks great with my favorite editor theme and language. Searching for coding fonts has been a pain since ...

Read full post

Jason C. McDonald • Apr 14 '20 • Edited

Nice! Thanks for building this.

My favorite coding font is Hack, but I don't see it!

Mostafa Gaafar • Apr 14 '20

Added it. Thanks!

Will Adams • Apr 14 '20 • Edited

Hack for me too. Nerd patched.

Achilles Moraites • Apr 15 '20

Thanks for sharing!
My favorite font is JetBrains Mono :)

Amir Hameed • Apr 21 '20 • Edited

How about a Vote feature, or a Like feature to bring up figures of most liked or used font(s)?

Mostafa Gaafar • Apr 21 '20

It'd be great but it comes with the complexity of managing a backend or a service for authentication & storage. Do you know a simple way to implement it?

Benjamin Bromberg • Apr 22 '20

Great tool! Like many others I found my way to JetBrains Mono but alternatives are always good to have.

For simple backend features hooking up firebase or amplify might be simple enough and probably free.

Amir Hameed • Apr 21 '20

I understand. I shall look for a way to do that in a simple way. If you need my help, let me know.

Denis Lapi • Apr 15 '20 • Edited

Nice work, I really like it!! :)
I played a bit around with the app. What do you think about having two fonts/column per row maybe?
It will increases the possibility to compare more fonts with less scrolls.
Something like this: prnt.sc/rzxqs3

Heiko Kanzler 🇪🇺 • Apr 15 '20 • Edited

Great one. Glad to see that I am not the only one who loves to have a great looking font in my Editor.
One feature suggestion: support the preview of italics as-well.

My current favorite is JetBrains Mono.
May I recommend to add Input Mono aswell? It's also a very thought coding font.

Davey Jacobson • Apr 21 '20

Input Mono was my go-to until JetBrains Mono came along.

Gert Van de Ven • Apr 15 '20

Great job Mostafa! I was actually trying to figure out which font to use on my new laptop. This helps a lot to get a great overview.

Some feedback:

It took me a few seconds to figure out the compare mode
When a name is filtered, and compare is on especially, I was wondering why it only showed me one. This might be the preferred behavior, but got me confused.
When switching between themes, it always flashes to white in between.

Other than that! Awesome work, keep it up!

Maximilian Burszley • Apr 15 '20

It took me a while, but when it added ligatures, it became my go-to: Iosevka

Theodoros Orfanidis • Apr 22 '20

Nice! There's a few fonts missing:
Input Mono: input.fontbureau.com/
Fantasque Sans Mono: github.com/belluzj/fantasque-sans

A useful addition would be the languages/scripts supported. Most of them cover Latin, but there are fonts that support Cyrillic, Greek, etc.

Mostafa Gaafar • Apr 24 '20

I can't keep up with all the font requests, feel free to open a PR if you want github.com/Gaafar/dev-fonts/blob/m...

Nicholas Cloud • Apr 21 '20

This is awesome, and makes me happy.

Just a reminder, if you use Homebrew on OSX there is a font cask from which many of these can be installed: github.com/Homebrew/homebrew-cask-...

And likewise, if you use scoop for Windows: github.com/matthewjberger/scoop-ne...

Sibusiso Dlamini • Apr 15 '20

I don't know the name of the font but its sublime text-default. There is just something about the sublime setup that appeals to my taste which is why its my favourite text editor. I can't explain but it makes my code look juicy or saturated unlike most themes which are often dry like VS codes default themes. But that's just my opinion :)

Abdallah Yashir • Apr 15 '20

Thank you for the site :)
I am currently using JetBrains Mono.
How can I download the Lilex?
IBM Flex Mono with ligatures would be amazing.

Mostafa Gaafar • Apr 15 '20

You can download Lilex from its github releases page github.com/mishamyrt/Lilex/releases

Jose Cerrejon • Apr 15 '20

Cascadia Code is like the paid font OperatorMono. Thanks for share!.

Moslem • Apr 15 '20

Thanks. my favorite one is 'JetBrains Mono'

Muhimen • Apr 14 '20

I just use Comic Sans. It's awesome! I can stare at it for a long time(when I don't find the bug)

Stokry • Apr 14 '20

Awesome😀

Dmitry Shvetsov • Apr 16 '20

Great idea! Super helpful!

Jayesh Tembhekar ⚡ • Apr 15 '20 • Edited

Never seen an idea like this.
A library of fonts.
Its very helpful and looking cool.
I am using Cascadia code 😇
Thanks for this :)

Abdur Rehman Khalid • Apr 15 '20

Nice Job, Respected Sir, I am also looking forward to trying some of your favourite fonts as well.

Feeling Excited as well.

Hugo • Apr 14 '20

Thanks, it's pretty cool

Pavlo Malitov • Apr 21 '20

Awesome work!
My favorite font is JetBrains Mono. Before was Fira Code.

Alex Markowitz • Apr 21 '20

DankMono - will never use anything else

Mostafa Gaafar • Apr 21 '20

added it to the list!

Jeff Lindholm • Apr 21 '20

My favorite is Dank Mono (dank.sh) it is not free but at 40.00 or so it is less than Operator Mono and has ligatures and a good italic.

Mostafa Gaafar • Apr 21 '20

added it!

Charlike Mike Reagent • Apr 14 '20

Definitely. Still. Fira Code.

Lukas Reiner • Apr 15 '20

Nice one. Really needed this

Sara Miteva • Apr 15 '20

Great job! This is very useful.

aRtoo • Apr 15 '20

Damn! This is really helpful! Thank you!

Bo Li • Apr 21 '20

pretty good! It makes me back to Iosevka :D
thank you

Don Alfons Nisnoni • Apr 14 '20

Great tools man!!! Very helpful!!!

Ben Halpern • Apr 15 '20

Neat

Ahmed Mahmoud • May 8 '20

Wow! That's very helpful!

re4388 • Apr 13 '21

Thanks for building this!! Help me a lot!

JamieD • Jul 22 '20

Awesome job on this!

D7460N • Apr 24 '20

This is great! Thank you for sharing!

ranelpadon • Jul 31 '20

Monaco is still the sexiest programming font for me. :)

Vinay Hegde • Apr 15 '20

Amazing compilation of fonts, Mostafa! FiraCode on Sublime/VSCode is my personal favorite :)

Andrea Cappuccio • Aug 4 '20

Great, just what the font feticist in me needed!

afflexux • Apr 20 '20

Really cool, thanks.

I'd never heard of Lilex before, just switched to using it.

Carlos Rendon • Apr 21 '20 • Edited

How about Delugia Nerd Font?

Mostafa Gaafar • Apr 24 '20

I can't keep up with all the font requests, feel free to open a PR if you want github.com/Gaafar/dev-fonts/blob/m...

Steven Moschidis • Apr 29 '20

Source code pro fan for years and years

Cascadia has me wobbling a bit

Andrew Abraham • Apr 21 '20

Wow, thank you for building this!

Necmettin Begiter • Aug 15 '20

A little late to the discussion but do you accept non-woff fonts? Specifically, "Envy Code R" font? :)

NexWebSites • Apr 21 '20 • Edited

Cascadia Code, I'm loving it! 👍 Thank you.

Bradley W • Apr 21 '21

any plans on bringing the site back up?

Cong • Apr 20 '20

Awesome! I didn't know that there are fonts with ligatures for coding! My choice is JetBrains Mono. I may switch from Visual Code Studio to Atom just for the pleasant ligatures :)